refactor: 컴포넌트 아토믹 구조로 분리 (#272)

* refactor: 아토믹 구조에 맞게 분리

* fix: 잘못 추가된 파일 제거

* fix: 폴더 분리 후 index 파일 수정

src/components/atoms/EventContent/index.ts

@@ -0,0 +1,3 @@
+import EventContent from './EventContent';
+
+export { EventContent };

src/components/molecules/EventTime/index.ts

@@ -0,0 +1,3 @@
+import EventTime from './EventTime';
+
+export { EventTime };

src/components/molecules/EventTitle/index.ts

@@ -0,0 +1,3 @@
+import EventTitle from './EventTitle';
+
+export { EventTitle };

src/components/molecules/ImageCard/index.ts

@@ -0,0 +1,3 @@
+import ImageCard from './ImageCard';
+
+export { ImageCard };

src/components/molecules/LinkItem/index.ts

@@ -0,0 +1,3 @@
+import LinkItem from './LinkItem';
+
+export { LinkItem };

src/components/molecules/MentorCareerContent/index.ts

@@ -0,0 +1,3 @@
+import MentorCareerContent from './MentorCareerContent';
+
+export { MentorCareerContent };

src/components/molecules/MentorCareerTitle/index.ts

@@ -0,0 +1,3 @@
+import MentorCareerTitle from './MentorCareerTitle';
+
+export { MentorCareerTitle };

src/components/molecules/Modal/index.stories.tsx

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import ModalWithButton from './ModalWithButton';
+import ModalWithButton from '../../organisms/ModalWithButton/ModalWithButton';
 
 const meta = {
   title: 'Resumeme/components/Molecules/Modal',

src/components/molecules/Modal/index.ts

@@ -1,4 +1,3 @@
-import CareerContentModal from './CareerContentModal';
 import Modal from './Modal';
 
-export { Modal, CareerContentModal };
+export { Modal };

src/components/molecules/OptionsButton/index.ts

@@ -1,4 +1,4 @@
-import EditDeleteOptionsButton from './EditDeleteOptionsButton';
+import EditDeleteOptionsButton from '../../organisms/EditDeleteOptionsButton/EditDeleteOptionsButton';
 import OptionsButton from './OptionsButton';
 
 export { OptionsButton, EditDeleteOptionsButton };

src/components/molecules/RadioCard/index.ts

@@ -0,0 +1,3 @@
+import RadioCard from './RadioCard';
+
+export { RadioCard };

src/components/molecules/RejectionModalContent/index.ts

@@ -0,0 +1,3 @@
+import RejectionModalContent from './RejectionModalContent';
+
+export { RejectionModalContent };

src/components/molecules/ResumeList/index.ts

@@ -0,0 +1,3 @@
+import ResumeList from './ResumeList';
+
+export { ResumeList };

src/components/molecules/TitleInputForm/index.ts

@@ -0,0 +1,3 @@
+import TitleInputForm from './TitleInputForm';
+
+export { TitleInputForm };

src/components/organisms/BasicInfoForm/index.ts

@@ -0,0 +1,3 @@
+import BasicInfoForm from './BasicInfoForm';
+
+export { BasicInfoForm };

src/components/organisms/BasicInfoView/index.ts

@@ -0,0 +1,3 @@
+import BasicInfoView from './BasicInfoView';
+
+export { BasicInfoView };

src/components/molecules/Modal/CareerContentModal.tsx → src/components/organisms/CareerContentModal/CareerContentModal.tsx

@@ -1,5 +1,5 @@
 import { Text } from '@chakra-ui/react';
-import { Modal } from '.';
+import { Modal } from '../../molecules/Modal';
 
 const CareerContentModal = ({ isOpen, onClose }: { isOpen: boolean; onClose: () => void }) => {
   return (

src/components/organisms/CareerContentModal/index.ts

@@ -0,0 +1,3 @@
+import CareerContentModal from './CareerContentModal';
+
+export { CareerContentModal };

src/components/templates/EditProfileTemplate/CommonInput.tsx → src/components/organisms/CommonInput/CommonInput.tsx

@@ -1,6 +1,6 @@
 import { Flex } from '@chakra-ui/react';
 import { FieldError, UseFormRegisterReturn } from 'react-hook-form';
-import { FORM_STYLE } from './EditMentorProfileTemplate';
+import { FORM_STYLE } from '../../templates/EditProfileTemplate/EditMentorProfileTemplate';
 import { Avatar } from '~/components/atoms/Avatar';
 import { BorderBox } from '~/components/atoms/BorderBox';
 import { FormLabel } from '~/components/atoms/FormLabel';

src/components/organisms/CommonInput/index.ts

@@ -0,0 +1,3 @@
+import CommonInput from './CommonInput';
+
+export { CommonInput };

src/components/molecules/OptionsButton/EditDeleteOptionsButton.tsx → src/components/organisms/EditDeleteOptionsButton/EditDeleteOptionsButton.tsx

@@ -1,7 +1,7 @@
 import { useDisclosure } from '@chakra-ui/react';
-import OptionsButton from './OptionsButton';
-import { Option } from './OptionsButton';
-import { ConfirmModal } from '../ConfirmModal';
+import { ConfirmModal } from '../../molecules/ConfirmModal';
+import OptionsButton from '../../molecules/OptionsButton/OptionsButton';
+import { Option } from '../../molecules/OptionsButton/OptionsButton';
 
 const EditDeleteOptionsButton = ({
   onEdit,

src/components/organisms/EditDeleteOptionsButton/index.ts

@@ -0,0 +1,3 @@
+import EditDeleteOptionsButton from './EditDeleteOptionsButton';
+
+export { EditDeleteOptionsButton };

src/components/organisms/EventDetail/EventDetail.tsx

@@ -1,8 +1,8 @@
 import { Box, Divider, Flex } from '@chakra-ui/react';
-import EventContent from './EventContent';
-import EventTime from './EventTime';
-import MentorCareerContent from './MentorCareerContent';
-import MentorCareerTitle from './MentorCareerTitle';
+import EventContent from '../../atoms/EventContent/EventContent';
+import EventTime from '../../molecules/EventTime/EventTime';
+import MentorCareerContent from '../../molecules/MentorCareerContent/MentorCareerContent';
+import MentorCareerTitle from '../../molecules/MentorCareerTitle/MentorCareerTitle';
 import { ReadEvent } from '~/types/event/event';
 import { ReadMentor } from '~/types/mentor';
 

src/components/organisms/EventItem/index.ts

@@ -0,0 +1,3 @@
+import EventItem from './EventItem';
+
+export { EventItem };

src/components/organisms/FeedbackBlock/index.ts

@@ -0,0 +1,3 @@
+import FeedbackBlock from './FeedbackBlock';
+
+export { FeedbackBlock };

src/components/organisms/FeedbackCategoryDetails/FeedbackCategoryDetails.tsx

@@ -2,7 +2,7 @@ import { Box, Divider } from '@chakra-ui/react';
 import React from 'react';
 import { BorderBox } from '~/components/atoms/BorderBox';
 import { FeedbackView } from '~/components/molecules/FeedbackView';
-import FeedbackBlock from '~/components/templates/FeedbackResumeTemplate/FeedbackBlock';
+import FeedbackBlock from '~/components/organisms/FeedbackBlock/FeedbackBlock';
 import { FeedbackComment } from '~/types/event/feedback';
 import { ReadMentor } from '~/types/mentor';
 import { DetailsComponentProps } from '~/types/props/detailsComponentProps';

src/components/molecules/Modal/ModalWithButton.tsx → src/components/organisms/ModalWithButton/ModalWithButton.tsx

@@ -1,5 +1,5 @@
 import { Button, useDisclosure } from '@chakra-ui/react';
-import Modal, { ModalProps } from './Modal';
+import Modal, { ModalProps } from '../../molecules/Modal/Modal';
 
 const ModalWithButton = ({ size, title, hasCloseButton, hasFooter, children }: ModalProps) => {
   const { isOpen, onOpen, onClose } = useDisclosure();

src/components/organisms/ModalWithButton/index.ts

@@ -0,0 +1,3 @@
+import ModalWithButton from './ModalWithButton';
+
+export { ModalWithButton };

src/components/organisms/Profile/Profile.tsx

@@ -1,6 +1,6 @@
 import { Flex, Heading } from '@chakra-ui/react';
-import ImageCard from './ImageCard';
-import UserDetail from './UserDetail';
+import ImageCard from '../../molecules/ImageCard/ImageCard';
+import UserDetail from '../UserDetail/UserDetail';
 import { BorderBox } from '~/components/atoms/BorderBox';
 import { User } from '~/types/user';
 

src/components/organisms/RadioCardGroup/RadioCardGroup.tsx

@@ -1,6 +1,6 @@
 import { Box, BoxProps, Flex, FormErrorMessage, useRadioGroup } from '@chakra-ui/react';
 import { FieldError, UseFormRegisterReturn } from 'react-hook-form';
-import RadioCard from './RadioCard';
+import RadioCard from '../../molecules/RadioCard/RadioCard';
 
 export type RadioOption<T extends string = string> = {
   value: T;

src/components/organisms/ResumeBasicInput/ReferenceLinkForm.tsx → src/components/organisms/ReferenceLinkForm/ReferenceLinkForm.tsx

@@ -1,6 +1,6 @@
 import { Box, Flex, FormControl, Radio, RadioGroup } from '@chakra-ui/react';
 import { useForm } from 'react-hook-form';
-import LinkItem from './LinkItem';
+import LinkItem from '../../molecules/LinkItem/LinkItem';
 import { BorderBox } from '~/components/atoms/BorderBox';
 import { Button } from '~/components/atoms/Button';
 import { FormTextInput } from '~/components/molecules/FormTextInput';

src/components/organisms/ReferenceLinkForm/index.ts

@@ -0,0 +1,3 @@
+import ReferenceLinkForm from './ReferenceLinkForm';
+
+export { ReferenceLinkForm };

src/components/organisms/RemoteControlPannel/RemoteControlPannel.tsx

@@ -1,6 +1,6 @@
 import { useForm } from 'react-hook-form';
 import { useNavigate, useParams } from 'react-router-dom';
-import RemoteControlReject from './RemoteControlReject';
+import RemoteControlReject from '../RemoteControlReject/RemoteControlReject';
 import { Button } from '~/components/atoms/Button';
 import { FormLabel } from '~/components/atoms/FormLabel';
 import { RemoteControl } from '~/components/atoms/RemoteControl';

src/components/organisms/RemoteControlPannel/RemoteControlReject.tsx → src/components/organisms/RemoteControlReject/RemoteControlReject.tsx

@@ -1,5 +1,5 @@
 import { useDisclosure, Text, Box } from '@chakra-ui/react';
-import RejectionModalContent from './RejectionModalContent';
+import RejectionModalContent from '../../molecules/RejectionModalContent/RejectionModalContent';
 import { Modal } from '~/components/molecules/Modal';
 
 type RemoteControlRejectProps = {

src/components/organisms/RemoteControlReject/index.ts

@@ -0,0 +1,3 @@
+import RemoteControlReject from './RemoteControlReject';
+
+export { RemoteControlReject };

src/components/organisms/ResumeBasicInput/ResumeBasicInput.tsx

@@ -1,10 +1,10 @@
 import { Box, Flex, Heading, Text } from '@chakra-ui/react';
 import { useEffect, useState } from 'react';
 import { useParams } from 'react-router-dom';
-import BasicInfoForm from './BasicInfoForm';
-import BasicInfoView from './BasicInfoView';
-import ReferenceLinkForm from './ReferenceLinkForm';
-import TitleInputForm from './TitleInputForm';
+import TitleInputForm from '../../molecules/TitleInputForm/TitleInputForm';
+import BasicInfoForm from '../BasicInfoForm/BasicInfoForm';
+import BasicInfoView from '../BasicInfoView/BasicInfoView';
+import ReferenceLinkForm from '../ReferenceLinkForm/ReferenceLinkForm';
 import { BorderBox } from '~/components/atoms/BorderBox';
 import useUser from '~/hooks/useUser';
 import { useGetResumeReferenceLinks } from '~/queries/resume/details/useGetResumeReferenceLinks';

src/components/organisms/ResumeCategory/index.ts

@@ -0,0 +1,3 @@
+import ResumeCategory from './ResumeCategory';
+
+export { ResumeCategory };

src/components/organisms/ResumeCategoryCareer/index.ts

@@ -1,3 +1,3 @@
-import ResumeCategory from './ResumeCategory';
+import CareerForm from './CareerForm';
 
-export { ResumeCategory };
+export { CareerForm };

src/components/organisms/UserDetail/index.ts

@@ -0,0 +1,3 @@
+import UserDetail from './UserDetail';
+
+export { UserDetail };

src/components/templates/EditProfileTemplate/EditMenteeProfileTemplate.tsx

@@ -2,7 +2,7 @@ import { Box, Flex, Heading } from '@chakra-ui/react';
 import { useQueryClient } from '@tanstack/react-query';
 import { SubmitHandler, useForm } from 'react-hook-form';
 import { useNavigate } from 'react-router-dom';
-import CommonInput from './CommonInput';
+import CommonInput from '../../organisms/CommonInput/CommonInput';
 import { FORM_STYLE } from './EditMentorProfileTemplate';
 import { BorderBox } from '~/components/atoms/BorderBox';
 import { FormLabel } from '~/components/atoms/FormLabel';

src/components/templates/EditProfileTemplate/EditMentorProfileTemplate.tsx

@@ -2,15 +2,15 @@ import { Box, ChakraProps, Flex, Heading, Text, useDisclosure } from '@chakra-ui
 import { useQueryClient } from '@tanstack/react-query';
 import { SubmitHandler, useForm } from 'react-hook-form';
 import { useNavigate } from 'react-router-dom';
-import CommonInput from './CommonInput';
+import CommonInput from '../../organisms/CommonInput/CommonInput';
 import { BorderBox } from '~/components/atoms/BorderBox';
 import { FormLabel } from '~/components/atoms/FormLabel';
 import { FormControl } from '~/components/molecules/FormControl';
 import { FormTextarea } from '~/components/molecules/FormTextarea';
 import { FormTextInput } from '~/components/molecules/FormTextInput';
 import { LabelCheckboxGroup } from '~/components/molecules/LabelCheckboxGroup';
-import { CareerContentModal } from '~/components/molecules/Modal';
 import { SubmitButtonGroup } from '~/components/molecules/SubmitButtonGroup';
+import { CareerContentModal } from '~/components/organisms/CareerContentModal';
 import { appPaths } from '~/config/paths';
 import CONSTANTS from '~/constants';
 import useUser from '~/hooks/useUser';

src/components/templates/EditResumeTemplate/EditResumeTemplate.tsx

@@ -5,7 +5,7 @@ import { Button } from '~/components/atoms/Button';
 import { ResumeBasicInput } from '~/components/organisms/ResumeBasicInput';
 import { ActivityForm } from '~/components/organisms/ResumeCategoryActivity';
 import { AwardForm } from '~/components/organisms/ResumeCategoryAwards';
-import CareerForm from '~/components/organisms/ResumeCategoryCareer/CareerForm';
+import { CareerForm } from '~/components/organisms/ResumeCategoryCareer';
 import { ResumeCategoryDetails } from '~/components/organisms/ResumeCategoryDetails';
 import { LanguageForm } from '~/components/organisms/ResumeCategoryLanguage';
 import { ProjectForm } from '~/components/organisms/ResumeCategoryProject';

src/components/organisms/Profile/EventProfile.tsx → src/components/templates/EventProfileTemplate/EventProfileTemplate.tsx

@@ -1,14 +1,14 @@
 import { Flex, Heading, Text } from '@chakra-ui/react';
 import { v4 as uuidv4 } from 'uuid';
-import EventItem from './EventItem';
+import EventItem from '../../organisms/EventItem/EventItem';
 import { BorderBox } from '~/components/atoms/BorderBox';
 import { ReadManagementEvent } from '~/types/event/event';
 
 type EventProfile = {
   events: ReadManagementEvent[];
 };
 
-const EventProfile = ({ events }: EventProfile) => {
+const EventProfileTemplate = ({ events }: EventProfile) => {
   return (
     <>
       <Heading
@@ -63,4 +63,4 @@ const EventProfile = ({ events }: EventProfile) => {
     </>
   );
 };
-export default EventProfile;
+export default EventProfileTemplate;

src/components/templates/EventProfileTemplate/index.ts

@@ -0,0 +1,3 @@
+import EventProfileTemplate from './EventProfileTemplate';
+
+export { EventProfileTemplate };

src/components/templates/FeedbackReflectTemplate/FeedbackReflectTemplate.tsx

@@ -5,7 +5,7 @@ import { FeedbackCategoryReflectDetails } from '~/components/organisms/FeedbackC
 import { ResumeBasicInput } from '~/components/organisms/ResumeBasicInput';
 import { ActivityForm } from '~/components/organisms/ResumeCategoryActivity';
 import { AwardForm } from '~/components/organisms/ResumeCategoryAwards';
-import CareerForm from '~/components/organisms/ResumeCategoryCareer/CareerForm';
+import { CareerForm } from '~/components/organisms/ResumeCategoryCareer';
 import { LanguageForm } from '~/components/organisms/ResumeCategoryLanguage';
 import ProjectForm from '~/components/organisms/ResumeCategoryProject/ProjectForm';
 import { TrainingForm } from '~/components/organisms/ResumeCategoryTraining';

src/components/templates/ResumeDetailTemplate/ResumeDetailTemplate.tsx

@@ -3,7 +3,7 @@ import { Box, Flex, Text } from '@chakra-ui/react';
 import { useNavigate, useParams } from 'react-router-dom';
 import { BorderBox } from '../../atoms/BorderBox';
 import { Label } from '~/components/atoms/Label';
-import EditDeleteOptionsButton from '~/components/molecules/OptionsButton/EditDeleteOptionsButton';
+import EditDeleteOptionsButton from '~/components/organisms/EditDeleteOptionsButton/EditDeleteOptionsButton';
 import { ReferenceLinkBox } from '~/components/molecules/ReferenceLinkBox';
 import { ResumeCategoryDetails } from '~/components/organisms/ResumeCategoryDetails';
 import {

src/components/templates/SignUpMentorTemplate/SignUpMentorTemplate.tsx

@@ -7,7 +7,7 @@ import { FormControl } from '~/components/molecules/FormControl';
 import { FormTextarea } from '~/components/molecules/FormTextarea';
 import { FormTextInput } from '~/components/molecules/FormTextInput';
 import { LabelCheckboxGroup } from '~/components/molecules/LabelCheckboxGroup';
-import { CareerContentModal } from '~/components/molecules/Modal';
+import { CareerContentModal } from '~/components/organisms/CareerContentModal';
 import { SignUpHeader } from '~/components/organisms/SignUpHeader';
 import CONSTANTS from '~/constants';
 import { SignUpMentor } from '~/types/signUp';

src/pages/EventPages/EventDetailPage/EventDetailPage.tsx

@@ -3,10 +3,10 @@ import { useQueryClient } from '@tanstack/react-query';
 import { Suspense } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
 import { Spinner } from '~/components/atoms/Spinner';
+import EventTitle from '~/components/molecules/EventTitle/EventTitle';
 import { MentorProfile } from '~/components/molecules/MentorProfile';
 import { Modal } from '~/components/molecules/Modal';
 import { EventDetail } from '~/components/organisms/EventDetail';
-import EventTitle from '~/components/organisms/EventDetail/EventTitle';
 import ResumeSelect from '~/components/organisms/ResumeSelect/ResumeSelect';
 import { appPaths } from '~/config/paths';
 import useUser from '~/hooks/useUser';

src/pages/MyPage/MyPage.tsx

@@ -2,7 +2,7 @@ import { Box } from '@chakra-ui/react';
 import { Suspense } from 'react';
 import { Spinner } from '~/components/atoms/Spinner';
 import { Profile } from '~/components/organisms/Profile';
-import EventProfile from '~/components/organisms/Profile/EventProfile';
+import EventProfile from '~/components/templates/EventProfileTemplate/EventProfileTemplate';
 import useUser from '~/hooks/useUser';
 import { useGetManagementEvents } from '~/queries/event/details/useGetManagementEvents';