🚚 페어룸 완료 버튼 이름 변경

woowacourse-teams · Oct 17, 2024 · b3b8039 · b3b8039
1 parent 763aabd
commit b3b8039
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/...tCard/DeleteButton/DeleteButton.styles.ts → ...teRoomButton/CompleteRoomButton.styles.ts b/...tCard/DeleteButton/DeleteButton.styles.ts → ...teRoomButton/CompleteRoomButton.styles.ts
diff --git a/...airListCard/DeleteButton/DeleteButton.tsx → ...CompleteRoomButton/CompleteRoomButton.tsx b/...airListCard/DeleteButton/DeleteButton.tsx → ...CompleteRoomButton/CompleteRoomButton.tsx
@@ -1,17 +1,17 @@
 import { ImExit } from 'react-icons/im';
 
-import * as S from './DeleteButton.styles';
+import * as S from './CompleteRoomButton.styles';
 
-interface DeleteButtonProps {
+interface CompleteRoomButtonProps {
   isOpen: boolean;
   onClick: () => void;
 }
 
-const DeleteButton = ({ isOpen, onClick }: DeleteButtonProps) => (
+const CompleteRoomButton = ({ isOpen, onClick }: CompleteRoomButtonProps) => (
   <S.Layout onClick={onClick}>
     <ImExit size="1.5rem" />
     {isOpen && <span>페어룸 종료하기</span>}
   </S.Layout>
 );
 
-export default DeleteButton;
+export default CompleteRoomButton;
diff --git a/...ard/DeleteButton/DeleteButton.stories.tsx → ...mpleteRoomButton/DeleteButton.stories.tsx b/...ard/DeleteButton/DeleteButton.stories.tsx → ...mpleteRoomButton/DeleteButton.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
-import DeleteButton from './DeleteButton';
+import DeleteButton from './CompleteRoomButton';
 
 const meta = {
   title: 'component/PairRoom/PairListCard/DeleteButton',

diff --git a/frontend/src/components/PairRoom/PairListCard/PairListCard.tsx b/frontend/src/components/PairRoom/PairListCard/PairListCard.tsx
@@ -1,6 +1,6 @@
 import { useState } from 'react';
 
-import DeleteButton from '@/components/PairRoom/PairListCard/DeleteButton/DeleteButton';
+import CompleteRoomButton from '@/components/PairRoom/PairListCard/CompleteRoomButton/CompleteRoomButton';
 import Header from '@/components/PairRoom/PairListCard/Header/Header';
 import PairListSection from '@/components/PairRoom/PairListCard/PairListSection/PairListSection';
 import RepositorySection from '@/components/PairRoom/PairListCard/RepositorySection/RepositorySection';
@@ -32,7 +32,7 @@ const PairListCard = ({ driver, navigator, missionUrl, roomCode }: PairListCardP
           <RoomCodeSection isOpen={isOpen} roomCode={roomCode} />
           {missionUrl !== '' && <RepositorySection isOpen={isOpen} missionUrl={missionUrl} />}
           <PairListSection isOpen={isOpen} driver={driver} navigator={navigator} />
-          <DeleteButton isOpen={isOpen} onClick={() => handleCompletePairRoom(roomCode)} />
+          <CompleteRoomButton isOpen={isOpen} onClick={() => handleCompletePairRoom(roomCode)} />
         </S.Sidebar>
       </PairRoomCard>
     </S.Layout>