[FE] FEAT: DisplayStyleCard 및 DisplayStyleCard container 에 props 받아지도…

…록 수정
innovationacademy-kr · Sep 10, 2024 · e4e88ce · e4e88ce
1 parent 05459aa
commit e4e88ce
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/frontend/src/Cabinet/components/Card/DisplayStyleCard/DisplayStyleCard.container.tsx b/frontend/src/Cabinet/components/Card/DisplayStyleCard/DisplayStyleCard.container.tsx
@@ -77,7 +77,6 @@ const DisplayStyleCardContainer = () => {
 
   return (
     <DisplayStyleCard
-      displayStyleToggle={toggleType}
       handleDisplayStyleButtonClick={handleDisplayStyleButtonClick}
     />
   );

diff --git a/frontend/src/Cabinet/components/Card/DisplayStyleCard/DisplayStyleCard.tsx b/frontend/src/Cabinet/components/Card/DisplayStyleCard/DisplayStyleCard.tsx
@@ -15,6 +15,10 @@ interface IToggleItemSeparated {
   icon: React.ComponentType<React.SVGProps<SVGSVGElement>>;
 }
 
+interface DisplayStyleCardProps {
+  handleDisplayStyleButtonClick: (key: DisplayStyleToggleType) => void;
+}
+
 const toggleList: IToggleItemSeparated[] = [
   {
     name: "라이트",
@@ -33,13 +37,16 @@ const toggleList: IToggleItemSeparated[] = [
   },
 ];
 
-const DisplayStyleCard = () => {
+const DisplayStyleCard: React.FC<DisplayStyleCardProps> = ({
+  handleDisplayStyleButtonClick,
+}) => {
   const [displayStyleToggle, setDisplayStyleToggle] =
     useRecoilState(displayStyleState);
 
   const handleButtonClick = (key: DisplayStyleToggleType) => {
     localStorage.setItem("display-style-toggle", key);
     setDisplayStyleToggle(key);
+    handleDisplayStyleButtonClick(key);
   };
 
   return (