[ chore ] 경로 변경

components/Cakes/CakesForm.tsx

@@ -1,4 +1,4 @@
-import TextareaBox from '../Common/Input/textareaBox';
+import TextareaBox from '../Common/Input/TextareaBox';
 import styled from 'styled-components';
 import { LIMIT_TEXT } from '@/constant/limitText';
 import SelectCakes from './SelectCakes';
@@ -12,6 +12,7 @@ import BackBtn from '../Common/Button/BackBtn';
 import { CakeListType } from '@/types/cakes/cakeListType';
 import { useGetPublicWishes } from '@/hooks/queries/public';
 import { UseMutateFunction } from 'react-query';
+import theme from '@/styles/theme';
 
 interface CakesFormProps {
   methods: UseFormReturn<CakesDataInputType, any, undefined>;
@@ -47,14 +48,13 @@ export default function CakesForm(props: CakesFormProps) {
     <>
       <Styled.HeaderWrapper>
         <BackBtn />
-        {`D-${publicWishesData?.dayCount}`}
+        <span>{`D-${publicWishesData?.dayCount}`}</span>
       </Styled.HeaderWrapper>
 
       <Styled.Title>{publicWishesData?.title}</Styled.Title>
 
       <InputContainer title={`${publicWishesData?.name}님이 남긴 선물에 대한 힌트`}>
         <Styled.HintBox className={'pastelBlue_darkBlue'}>{publicWishesData?.hint}</Styled.HintBox>
-        {/* <TextareaBox value={publicWishesData?.hint} readOnly /> */}
       </InputContainer>
 
       <InputContainer title={'본인의 실명 작성하기'}>

components/Cakes/CakesPay.tsx

@@ -7,7 +7,7 @@ import { convertMoneyText } from '@/utils/common/convertMoneyText';
 import PaymentItemSelect from '../Common/Select/PaymentItemSelect';
 import { BANK_LIST } from '@/constant/bankList';
 import { BankListType } from '@/types/bankListType';
-import Button from '../Common/button';
+import Button from '../Common/Button';
 import { useState } from 'react';
 import { useGetPublicWishes } from '@/hooks/queries/public';
 

components/Cakes/CakesResult.tsx

@@ -1,10 +1,10 @@
 import theme from '@/styles/theme';
 import styled from 'styled-components';
-import ItemImageBox from '@/components/Common/box/itemImageBox';
-import Contribution from './Result/ontribution';
+import ItemImageBox from '@/components/Common/Box/ItemImageBox';
+import Contribution from './Result/Contribution';
 import { CakeListType } from '@/types/cakes/cakeListType';
 import Image from 'next/image';
-import Button from '../Common/button';
+import Button from '../Common/Button';
 import router from 'next/router';
 
 interface CakesResultProps {

components/Cakes/SelectCakes.tsx

@@ -5,7 +5,7 @@ import styled from 'styled-components';
 import Image from 'next/image';
 import theme from '@/styles/theme';
 import { convertMoneyText } from '@/utils/common/convertMoneyText';
-import ImageBox from '../Common/box/imageBox';
+import ImageBox from '../Common/Box/ImageBox';
 import { StyledBox } from '../Common/Box';
 
 interface SelectCakesProps {

components/Common/Box/ImageBox.tsx

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { StyledBox } from '.';
+import { StyledBox } from './index';
 import theme from '@/styles/theme';
 import { ColorSystemType, ImageBoxTypes } from '@/types/common/box/boxStyleType';
 import { PropsWithChildren } from 'react';

components/Common/Box/InputBox.tsx

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { StyledBox } from '.';
+import { StyledBox } from './index';
 import theme from '@/styles/theme';
 import { ColorSystemType, InputBoxTypes } from '@/types/common/box/boxStyleType';
 import { PropsWithChildren } from 'react';

components/Common/Box/ItemImageBox.tsx

@@ -1,5 +1,5 @@
 import Image from 'next/image';
-import ImageBox from './mageBox';
+import ImageBox from './ImageBox';
 
 interface ItemImageBoxProps {
   src: string;

components/Common/Button/index.tsx

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { BoxTypes, ColorSystemType } from '@/types/common/box/boxStyleType';
 import styled from 'styled-components';
-import { StyledBox } from '../box';
+import { StyledBox } from '../Box';
 import theme from '@/styles/theme';
 
 interface ButtonProps {

components/Common/Calendar/Calendar.tsx

@@ -1,15 +1,15 @@
 import Image from 'next/image';
 import { ko } from 'date-fns/locale';
-import InputBox from '../box/inputBox';
 import styled from 'styled-components';
 import theme from '@/styles/theme';
 import { UseFormReturn } from 'react-hook-form';
 import { WishesDataInputType } from '@/types/wishesType';
 import { CalendarGreyIc, CalendarIc } from '@/public/assets/icons';
 import DatePicker from 'react-datepicker';
 import 'react-datepicker/dist/react-datepicker.css';
-import CalendarHeader from './alendarHeader';
+import CalendarHeader from './CalendarHeader';
 import { getDate } from '@/utils/common/getDate';
+import InputBox from '../Box/InputBox';
 
 interface CalendarProps {
   date: Date;

components/Common/Input/Input.tsx

@@ -3,10 +3,11 @@ import { WishesDataInputType } from '@/types/wishesType';
 import { PropsWithChildren } from 'react';
 import { FieldError, UseFormRegisterReturn } from 'react-hook-form';
 import styled from 'styled-components';
-import InputBox from '../Box/inputBox';
+
 import { InputBoxTypes } from '@/types/common/box/boxStyleType';
 import { CakesDataInputType } from '@/types/common/input/cakesInput';
-import AlertTextBox from '../alertTextBox';
+import AlertTextBox from '../AlertTextBox';
+import InputBox from '../Box/InputBox';
 
 interface InputProps {
   width?: string;

components/Common/Input/TextareaBox.tsx

@@ -4,7 +4,7 @@ import InputLength from './InputLength';
 import { EmptyBox } from '../Box';
 import { UseFormRegisterReturn } from 'react-hook-form';
 import { WishesDataInputType } from '@/types/wishesType';
-import ImageBox from '../box/imageBox';
+import ImageBox from '../Box/ImageBox';
 import { CakesDataInputType } from '@/types/common/input/cakesInput';
 
 interface TextareaBoxProps {

components/Common/Modal/BankInput.tsx

@@ -2,15 +2,18 @@ import useModal from '@/hooks/common/useModal';
 import Modal from '.';
 import BankModal from './BankModal';
 import styled from 'styled-components';
-import Button from '../button';
+
 import { UseFormReturn } from 'react-hook-form';
-import Input from '../input/input';
+
 import { WishesDataInputType } from '@/types/wishesType';
 import { ArrowDownIc } from '@/public/assets/icons';
 import Image from 'next/image';
-import { StyledBox } from '../box';
+
 import theme from '@/styles/theme';
-import AlertTextBox from '../alertTextBox';
+import Input from '../Input/Input';
+import Button from '../Button';
+import { StyledBox } from '../Box';
+import AlertTextBox from '../AlertTextBox';
 
 interface BankInputProps {
   methods: UseFormReturn<WishesDataInputType, any, undefined>;

components/Common/Modal/DeleteModal.tsx

@@ -4,7 +4,7 @@ import Image from 'next/image';
 import theme from '@/styles/theme';
 import { CloseSmallIc } from '@/public/assets/icons';
 import { MainCakeImg } from '@/public/assets/images';
-import Button from '../button';
+import Button from '../Button';
 
 interface DeleteModalProps {
   clickModal: () => void;

components/Common/Modal/ShareContent.tsx

@@ -3,12 +3,13 @@ import { LinkCopyIc } from '@/public/assets/icons';
 import theme from '@/styles/theme';
 import Image from 'next/image';
 import styled from 'styled-components';
-import SNSBox from '../button/snsBox';
-import InputLink from '../input/inputLink';
+
 import { useEffect, useState } from 'react';
 import useKakaoShare from '@/hooks/common/useKakaoShare';
 import { useRecoilValue } from 'recoil';
 import { LoginUserInfo } from '@/recoil/auth/loginUserInfo';
+import SNSBox from '../Button/SnsBox';
+import InputLink from '../Input/InputLink';
 
 export default function ShareContent() {
   const [wishesLink, setWishesLink] = useState('');
@@ -95,5 +96,5 @@ const Styled = {
     width: 100%;
   `,
 
-  
+
 };

components/Common/Select/PaymentItemSelect.tsx

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { StyledBox } from '../box';
+import { StyledBox } from '../Box';
 import theme from '@/styles/theme';
 import Image from 'next/image';
 import { BankListType } from '@/types/bankListType';

components/Common/mainView.tsx

@@ -3,8 +3,8 @@ import Image from 'next/image';
 import theme from '@/styles/theme';
 import { KakaoLoginIc, WideArrowDownIc } from '@/public/assets/icons';
 import { MainLoginImg } from '@/public/assets/images';
-import GuideModal from '@/components/Common/modal/GuideModal';
-import Modal from '@/components/Common/modal';
+import GuideModal from '@/components/Common/Modal/GuideModal';
+import Modal from '@/components/Common/Modal';
 import useModal from '@/hooks/common/useModal';
 
 interface MainViewProps {

components/Header.tsx

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import styled from 'styled-components';
-import BackBtn from './Common/button/backBtn';
+import BackBtn from './Common/Button/BackBtn';
 
 interface HeaderProps {
   width: string;

components/Login/Rredirect.tsx

@@ -1,6 +1,6 @@
 import { useRouter } from 'next/router';
 import { useEffect } from 'react';
-import Loading from '../Common/oading';
+import Loading from '../Common/Loading/Loading';
 import { useAuthKakao } from '@/hooks/queries/auth';
 
 export default function Redirect() {

components/Login/index.tsx

@@ -1,9 +1,8 @@
 import styled from 'styled-components';
 import Image from 'next/image';
 import { KakaoLoginIc } from '@/public/assets/icons';
-
 import MainView from '../Common/mainView';
-import Button from '../Common/button';
+import Button from '../Common/Button';
 
 export default function LoginContainer() {
   const KAKAO_AUTH_URL = `https://kauth.kakao.com/oauth/authorize?response_type=code&client_id=${process.env.NEXT_PUBLIC_KAKAO_RESTAPI_KEY}&redirect_uri=${process.env.NEXT_PUBLIC_KAKAO_REDIRECT_URI}`;

components/Main/MainBtn.tsx

@@ -1,10 +1,10 @@
 import router from 'next/router';
-import Button from '../Common/button';
+import Button from '../Common/Button';
 import styled from 'styled-components';
 import useModal from '@/hooks/common/useModal';
-import Modal from '../Common/modal';
+import Modal from '../Common/Modal';
 import { useGetMainProgressData } from '@/hooks/queries/wishes';
-import MainShareModal from '../Common/modal/MainShareModal';
+import MainShareModal from '../Common/Modal/MainShareModal';
 
 export default function MainBtn() {
   const { progressData } = useGetMainProgressData();

components/Main/MainCenterContent.tsx

@@ -1,6 +1,6 @@
 import Image from 'next/image';
 import styled from 'styled-components';
-import VerticalProgressBar from '../Common/verticalProgressBar';
+import VerticalProgressBar from '../Common/VerticalProgressBar';
 import { MainCakeImg, MainChatImg, MainEndChatImg, MainWishChatImg } from '@/public/assets/images';
 import theme from '@/styles/theme';
 import { useGetMainProgressData } from '@/hooks/queries/wishes';

components/Mypage/EditWishes/index.tsx

@@ -1,19 +1,19 @@
-import Button from '@/components/Common/button';
-import Calendar from '@/components/Common/alendar/alendar';
-import InputContainer from '@/components/Common/input/inputContainer';
-import TextareaBox from '@/components/Common/input/textareaBox';
-import UploadTypeToggleBtn from '@/components/Common/ploadTypeToggleBtn';
+import Button from '@/components/Common/Button';
+import Calendar from '@/components/Common/Calendar/Calendar';
+import InputContainer from '@/components/Common/Input/InputContainer';
+import TextareaBox from '@/components/Common/Input/TextareaBox';
+import UploadTypeToggleBtn from '@/components/Common/UploadTypeToggleBtn';
 import ItemLink from '@/components/Wishes/WishesForm/ItemLink';
 import theme from '@/styles/theme';
 import styled from 'styled-components';
 import { useEffect, useState } from 'react';
 import { convertMoneyText } from '@/utils/common/convertMoneyText';
 import UploadPresent from '@/components/Wishes/WishesForm/UploadPresent';
-import Input from '@/components/Common/input/input';
+import Input from '@/components/Common/Input/Input';
 import useUploadItemInfo from '@/hooks/wishes/useUploadItemInfo';
 import { useForm } from 'react-hook-form';
 import { WishesDataInputType } from '@/types/wishesType';
-import BankInput from '@/components/Common/modal/BankInput';
+import BankInput from '@/components/Common/Modal/BankInput';
 import {
   useGetMainProgressData,
   useGetWishesProgress,

components/Mypage/ItemBox.tsx

@@ -1,7 +1,7 @@
 import theme from '@/styles/theme';
 import styled from 'styled-components';
 import { PropsWithChildren } from 'react';
-import { StyledBox } from '../Common/box';
+import { StyledBox } from '../Common/Box';
 import { ColorSystemType } from '@/types/common/box/boxStyleType';
 
 interface ItemBoxProps {

components/Mypage/Links/NoWishLists.tsx

@@ -2,7 +2,7 @@ import styled from 'styled-components';
 import Image from 'next/image';
 import { LinksPageChatImg, MainCakeImg } from '@/public/assets/images';
 import router from 'next/router';
-import Button from '@/components/Common/button';
+import Button from '@/components/Common/Button';
 
 export default function NoWishLists() {
   const handleMoveToMain = () => {

components/Mypage/Links/[id].tsx

@@ -5,7 +5,7 @@ import theme from '@/styles/theme';
 import { LinkBeefCakeImg } from '@/public/assets/images';
 import { useEffect, useState } from 'react';
 import { convertDateFormat } from '@/hooks/common/useDate';
-import VerticalProgressBar from '@/components/Common/verticalProgressBar';
+import VerticalProgressBar from '@/components/Common/VerticalProgressBar';
 import { useGetSingleWishInfo } from '@/hooks/queries/wishes';
 
 export default function LinksContainer() {

components/Mypage/Links/index.tsx

@@ -1,8 +1,8 @@
 import theme from '@/styles/theme';
 import styled from 'styled-components';
 import useModal from '@/hooks/common/useModal';
-import Modal from '@/components/Common/modal';
-import DeleteModal from '@/components/Common/modal/DeleteModal';
+import Modal from '@/components/Common/Modal';
+import DeleteModal from '@/components/Common/Modal/DeleteModal';
 import { useState } from 'react';
 import WishLists from './WishLists';
 import NoWishLists from './NoWishLists';

components/Mypage/index.tsx

@@ -5,8 +5,8 @@ import Image from 'next/image';
 import ItemBox from './ItemBox';
 import { useRecoilValue, useResetRecoilState } from 'recoil';
 import { LoginUserInfo } from '@/recoil/auth/loginUserInfo';
-import GuideModal from '@/components/Common/modal/GuideModal';
-import Modal from '@/components/Common/modal';
+import GuideModal from '@/components/Common/Modal/GuideModal';
+import Modal from '@/components/Common/Modal';
 import useModal from '@/hooks/common/useModal';
 import { MypageCakeImg } from '@/public/assets/images';
 import { useEffect, useState } from 'react';