FE-48 📝 컴포넌트 이름 변경

명확한 의미 전달을 위해 컴포넌트 이름 변경
epigram5-9 · Jul 10, 2024 · 991b355 · 991b355
1 parent 830601e
commit 991b355
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/...Emotion/card/EmotionIconCardContainer.tsx → ...otion/card/InteractiveEmotionIconCard.tsx b/...Emotion/card/EmotionIconCardContainer.tsx → ...otion/card/InteractiveEmotionIconCard.tsx
@@ -1,11 +1,11 @@
 import React, { useState } from 'react';
 import { EmotionIconCard, EmotionIconCardProps } from '@/components/Emotion/card/EmotionIconCard';
 
-// EmotionIconCardContainerProps 인터페이스 정의
-interface EmotionIconCardContainerProps extends Omit<EmotionIconCardProps, 'state'> {}
+// InteractiveEmotionIconCardProps 인터페이스 정의
+interface InteractiveEmotionIconCardProps extends Omit<EmotionIconCardProps, 'state'> {}
 
-// EmotionIconCardContainer 컴포넌트 함수 선언
-function EmotionIconCardContainer(props: EmotionIconCardContainerProps) {
+// InteractiveEmotionIconCard 컴포넌트 함수 선언
+function InteractiveEmotionIconCard(props: InteractiveEmotionIconCardProps) {
   const [state, setState] = useState<'Default' | 'Unclicked' | 'Clicked'>('Unclicked');
 
   const handleClick = () => {
@@ -15,6 +15,6 @@ function EmotionIconCardContainer(props: EmotionIconCardContainerProps) {
   return <EmotionIconCard {...props} state={state} onClick={handleClick} />;
 }
 
-EmotionIconCardContainer.displayName = 'EmotionIconCardContainer';
+InteractiveEmotionIconCard.displayName = 'InteractiveEmotionIconCard';
 
-export default EmotionIconCardContainer;
+export default InteractiveEmotionIconCard;
diff --git a/src/components/Emotion/card/TestComponent.tsx b/src/components/Emotion/card/TestComponent.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import EmotionIconCardContainer from '@/components/Emotion/card/EmotionIconCardContainer';
+import EmotionIconCardContainer from '@/components/Emotion/card/InteractiveEmotionIconCard';
 
 function ExampleComponent() {
   return (