chore: 컴포넌트명 수정

SOPT-all · Jan 14, 2025 · 5c952c5 · 5c952c5
1 parent 74a2b08
commit 5c952c5
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 197 deletions.
diff --git a/src/common/component/BottomSheet/SimpleBottomSheet.css.ts b/src/common/component/BottomSheet/SimpleBottomSheet.css.ts
diff --git a/src/common/component/BottomSheet/SimpleBottomSheet.tsx b/src/common/component/BottomSheet/SimpleBottomSheet.tsx
diff --git a/src/common/component/SimpleBottomSheet/SimpleBottomSheet.tsx b/src/common/component/SimpleBottomSheet/SimpleBottomSheet.tsx
@@ -8,7 +8,7 @@ interface BottomSheetProps {
   rightClick?: React.MouseEventHandler<HTMLButtonElement>;
 }
 
-const BottomSheet = ({ leftClick, rightClick }: BottomSheetProps) => {
+const SimpleBottomSheet = ({ leftClick, rightClick }: BottomSheetProps) => {
   return (
     <div className={styles.bottomSheetContainer}>
       <div className={styles.bottomSheetHeader}>
@@ -17,25 +17,13 @@ const BottomSheet = ({ leftClick, rightClick }: BottomSheetProps) => {
       <div className={styles.contentContainer}>
         <p className={styles.content}>댓글을 정말 삭제할까요?</p>
         <div className={styles.buttonContainer}>
-          <Button
-            label="취소"
-            size="large"
-            variant="solidNeutral"
-            disabled={false}
-            onClick={leftClick}
-          />
+          <Button label="취소" size="large" variant="solidNeutral" disabled={false} onClick={leftClick} />
 
-          <Button
-            label="삭제할게요"
-            size="large"
-            variant="solidPrimary"
-            disabled={false}
-            onClick={rightClick}
-          />
+          <Button label="삭제할게요" size="large" variant="solidPrimary" disabled={false} onClick={rightClick} />
         </div>
       </div>
     </div>
   );
 };
 
-export default BottomSheet;
+export default SimpleBottomSheet;
diff --git a/src/page/main/index/Main.tsx b/src/page/main/index/Main.tsx
@@ -1,109 +1,33 @@
 import Divider from "@common/component/Divider/Divider";
 import Spacing from "@common/component/Spacing/Spacing";
-import BottomSheet from "@common/component/BottomSheet/SimpleBottomSheet";
-/*
-localhost:5173/main
-*/
-import 
 import { Button } from "@common/component/Button";
 import { IcTest } from "@asset/svg";
+import SimpleBottomSheet from "@common/component/SimpleBottomSheet/SimpleBottomSheet";
 
 const Main = () => {
   return (
     <>
       <div style={{ margin: "3rem", display: "flex", gap: "1rem" }}>
-        <Button
-          label="Button"
-          size="small"
-          variant="solidPrimary"
-          disabled={true}
-        />
-        <Button
-          label="Button"
-          size="small"
-          variant="solidPrimary"
-          disabled={false}
-        />
-        <Button
-          label="Button"
-          size="medium"
-          variant="solidPrimary"
-          disabled={false}
-        />
-        <Button
-          label="Button"
-          size="large"
-          variant="solidPrimary"
-          disabled={false}
-        />
+        <Button label="Button" size="small" variant="solidPrimary" disabled={true} />
+        <Button label="Button" size="small" variant="solidPrimary" disabled={false} />
+        <Button label="Button" size="medium" variant="solidPrimary" disabled={false} />
+        <Button label="Button" size="large" variant="solidPrimary" disabled={false} />
       </div>
       <div style={{ margin: "3rem", display: "flex", gap: "1rem" }}>
-        <Button
-          label="Button"
-          size="small"
-          variant="solidNeutral"
-          disabled={true}
-        />
-        <Button
-          label="Button"
-          size="small"
-          variant="solidNeutral"
-          disabled={false}
-        />
-        <Button
-          label="Button"
-          size="medium"
-          variant="solidNeutral"
-          disabled={false}
-        />
-        <Button
-          label="Button"
-          size="large"
-          variant="solidNeutral"
-          disabled={false}
-        />
+        <Button label="Button" size="small" variant="solidNeutral" disabled={true} />
+        <Button label="Button" size="small" variant="solidNeutral" disabled={false} />
+        <Button label="Button" size="medium" variant="solidNeutral" disabled={false} />
+        <Button label="Button" size="large" variant="solidNeutral" disabled={false} />
       </div>
       <div style={{ margin: "3rem", display: "flex", gap: "1rem" }}>
-        <Button
-          label="Button"
-          size="small"
-          variant="outlinePrimary"
-          disabled={true}
-        />
-        <Button
-          label="Button"
-          size="small"
-          variant="outlinePrimary"
-          disabled={false}
-        />
-        <Button
-          label="Button"
-          size="medium"
-          variant="outlinePrimary"
-          disabled={false}
-        />
-        <Button
-          label="Button"
-          size="large"
-          variant="outlinePrimary"
-          disabled={false}
-        />
+        <Button label="Button" size="small" variant="outlinePrimary" disabled={true} />
+        <Button label="Button" size="small" variant="outlinePrimary" disabled={false} />
+        <Button label="Button" size="medium" variant="outlinePrimary" disabled={false} />
+        <Button label="Button" size="large" variant="outlinePrimary" disabled={false} />
       </div>
       <div style={{ margin: "3rem", display: "flex", gap: "1rem" }}>
-        <Button
-          label="Button"
-          leftIcon={<IcTest />}
-          size="medium"
-          variant="solidPrimary"
-          disabled={false}
-        />
-        <Button
-          label="Button"
-          rightIcon={<IcTest />}
-          size="medium"
-          variant="solidPrimary"
-          disabled={false}
-        />
+        <Button label="Button" leftIcon={<IcTest />} size="medium" variant="solidPrimary" disabled={false} />
+        <Button label="Button" rightIcon={<IcTest />} size="medium" variant="solidPrimary" disabled={false} />
         <Button
           label="Button"
           leftIcon={<IcTest />}
@@ -114,7 +38,7 @@ const Main = () => {
         />
       </div>
       <span>main</span>
-      <BottomSheet />
+      <SimpleBottomSheet />
       <Spacing marginBottom="10" />
       <Divider size="small" />
       <Spacing marginBottom="10" />