refactor: 사용하지 않은 코드 삭제 및 styleProps 구조 변경

woowacourse-teams · Sep 12, 2024 · 89eda2e · 89eda2e
1 parent 714db72
commit 89eda2e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 12 deletions.
diff --git a/client/src/components/Design/components/DepositToggle/DepositToggle.style.ts b/client/src/components/Design/components/DepositToggle/DepositToggle.style.ts
@@ -1,13 +1,8 @@
 import {css} from '@emotion/react';
 
-import {Theme} from '@theme/theme.type';
+import {DepositToggleStylePropsWithTheme} from './DepositToggle.type';
 
-interface Props {
-  theme: Theme;
-  isDeposit: boolean;
-}
-
-export const depositToggleStyle = ({theme, isDeposit}: Props) =>
+export const depositToggleStyle = ({theme, isDeposit}: DepositToggleStylePropsWithTheme) =>
   css({
     display: `flex`,
     flexDirection: 'column',
@@ -17,10 +12,6 @@ export const depositToggleStyle = ({theme, isDeposit}: Props) =>
     cursor: 'pointer',
     width: '4rem',
 
-    div: {
-      // zIndex: '5',
-    },
-
     p: {
       display: 'flex',
       justifyContent: 'center',

diff --git a/client/src/components/Design/components/DepositToggle/DepositToggle.type.ts b/client/src/components/Design/components/DepositToggle/DepositToggle.type.ts
@@ -1,10 +1,18 @@
-export interface DepositToggleStyleProps {}
+import {Theme} from '@components/Design/theme/theme.type';
+
+export interface DepositToggleStyleProps {
+  isDeposit: boolean;
+}
 
 export interface DepositToggleCustomProps {
   isDeposit: boolean;
   onToggle: () => void;
 }
 
+export interface DepositToggleStylePropsWithTheme extends DepositToggleStyleProps {
+  theme: Theme;
+}
+
 export type DepositToggleOptionProps = DepositToggleStyleProps & DepositToggleCustomProps;
 
 export type DepositToggleProps = React.ComponentProps<'div'> & DepositToggleOptionProps;