fix: type 옵셔널로 처리

GDSC-Hongik · Sep 3, 2024 · c7f43aa · c7f43aa
1 parent 950d05a
commit c7f43aa
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/packages/wow-ui/src/components/Toast/Toast.stories.tsx b/packages/wow-ui/src/components/Toast/Toast.stories.tsx
@@ -50,7 +50,6 @@ export const Default: Story = {
   args: {
     text: "Text",
     subText: "subtext",
-    type: "default",
   },
 };
 
@@ -74,7 +73,6 @@ export const Icon: Story = {
   args: {
     text: "Text",
     subText: "subtext",
-    type: "default",
     icon: <Warn />,
   },
 };
@@ -91,6 +89,5 @@ export const IconArrow: Story = {
 export const TwoLines: Story = {
   args: {
     text: "TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText",
-    type: "default",
   },
 };
diff --git a/packages/wow-ui/src/components/Toast/index.tsx b/packages/wow-ui/src/components/Toast/index.tsx
@@ -11,7 +11,7 @@ import { Close, RightArrow } from "wowds-icons";
  * @description 토스트 컴포넌트입니다.
  *
  * @param {string} id - 토스트 컴포넌트의 id.
- * @param {"default"|"close"|"arrow"} type - 토스트 컴포넌트의 타입.
+ * @param {"default"|"close"|"arrow"} [type] - 토스트 컴포넌트의 타입.
  * @param {string} text - 토스트 컴포넌트의 메인 텍스트.
  * @param {ReactNode} icon - 토스트 컴포넌트의 좌측에 들어갈 아이콘.
  * @param {string} [subText] - 토스트 컴포넌트의 보조 텍스트.
@@ -21,7 +21,7 @@ import { Close, RightArrow } from "wowds-icons";
 
 export interface ToastProps extends FlexProps {
   id: string;
-  type: "default" | "close" | "arrow";
+  type?: "default" | "close" | "arrow";
   text: string;
   icon?: ReactNode;
   subText?: string;
@@ -30,7 +30,7 @@ export interface ToastProps extends FlexProps {
 }
 
 const Toast = forwardRef(
-  ({ text, subText, type, icon, ...rest }: ToastProps) => {
+  ({ text, subText, type = "default", icon, ...rest }: ToastProps) => {
     const TypeIconComponent = () => {
       if (type === "close") return <Close stroke="outline" width={14} />;
       else if (type === "arrow") return <RightArrow stroke="outline" />;