feat: Buttons Figma and Link Integration

zimmerman-team · Dec 4, 2024 · 76c471f · 76c471f
1 parent ab9de4f
commit 76c471f
Show file tree

Hide file tree

Showing 2 changed files with 110 additions and 26 deletions.
diff --git a/src/components/Buttons/myButton.stories.tsx b/src/components/Buttons/myButton.stories.tsx
@@ -39,12 +39,6 @@ type Story = StoryObj<typeof meta>;
  * AIDA Explorer Button
  */
 export const AIDAExplorerButton: Story = {
-  parameters: {
-    design: {
-      type: "figma",
-      url: "https://www.figma.com/design/vgdX46lAwjQwfV6YyEfaG4/AIDA-V3-MAIN?node-id=1558-371876&t=HZkq8tIk68Zpdhux-4",
-    },
-  },
   args: {
     variant: "contained",
     background: "#3B6CD3",
@@ -59,6 +53,18 @@ export const AIDAExplorerButton: Story = {
     fontSize: "18px",
     lineHeight: "normal",
   },
+  parameters: {
+    design: [
+      {
+        type: "figma",
+        url: "https://www.figma.com/design/vgdX46lAwjQwfV6YyEfaG4/AIDA-V3-MAIN?node-id=1558-371876&t=HZkq8tIk68Zpdhux-4",
+      },
+      {
+        type: "link",
+        url: "https://www.figma.com/design/vgdX46lAwjQwfV6YyEfaG4/AIDA-V3-MAIN?node-id=1558-371876&t=HZkq8tIk68Zpdhux-4",
+      },
+    ],
+  },
 };
 
 /**
@@ -111,10 +117,16 @@ export const AIDAHeaderProductButton: Story = {
     },
   },
   parameters: {
-    design: {
-      type: "figma",
-      url: "https://www.figma.com/design/vgdX46lAwjQwfV6YyEfaG4/AIDA-V3-MAIN?node-id=2969-370244&t=UWDlwi3KDi9FEr1G-4",
-    },
+    design: [
+      {
+        type: "figma",
+        url: "https://www.figma.com/design/vgdX46lAwjQwfV6YyEfaG4/AIDA-V3-MAIN?node-id=2969-370244&t=UWDlwi3KDi9FEr1G-4",
+      },
+      {
+        type: "link",
+        url: "https://www.figma.com/design/vgdX46lAwjQwfV6YyEfaG4/AIDA-V3-MAIN?node-id=2969-370244&t=UWDlwi3KDi9FEr1G-4",
+      },
+    ],
   },
 };
 
@@ -147,6 +159,18 @@ export const AIDASignInGoogleButton: Story = {
     onClick: fn(),
     label: "Sign in with Google",
   },
+  parameters: {
+    design: [
+      {
+        type: "figma",
+        url: "https://www.figma.com/design/vgdX46lAwjQwfV6YyEfaG4/AIDA-V3-Main-Design?node-id=3050-19820&t=MRU2lCADUEXdtGMH-4",
+      },
+      {
+        type: "link",
+        url: "https://www.figma.com/design/vgdX46lAwjQwfV6YyEfaG4/AIDA-V3-Main-Design?node-id=3050-19820&t=MRU2lCADUEXdtGMH-4",
+      },
+    ],
+  },
 };
 
 /**
@@ -176,6 +200,18 @@ export const OpenAidAddfilterButton: Story = {
 
     onClick: fn(),
   },
+  parameters: {
+    design: [
+      {
+        type: "figma",
+        url: "https://www.figma.com/design/uZX8k1fv1MfzGTEBXuvjeV/MFA---Main-Design-2.0?node-id=8591-116512&t=uvs9wD4RYJITKMF3-4",
+      },
+      {
+        type: "link",
+        url: "https://www.figma.com/design/uZX8k1fv1MfzGTEBXuvjeV/MFA---Main-Design-2.0?node-id=8591-116512&t=uvs9wD4RYJITKMF3-4",
+      },
+    ],
+  },
 };
 /**
  * AIDA Open Aid Year Display Button in a Graph
@@ -215,6 +251,18 @@ export const OpenAidYearDisplayGraphButton: Story = {
       />
     );
   },
+  parameters: {
+    design: [
+      {
+        type: "figma",
+        url: "https://www.figma.com/design/U3wokyt1snyPxQyHWytR0v/GLOBAL-FUND---V3?node-id=4949-269175&t=GTJU1KB97PfgiDTN-4",
+      },
+      {
+        type: "link",
+        url: "https://www.figma.com/design/U3wokyt1snyPxQyHWytR0v/GLOBAL-FUND---V3?node-id=4949-269175&t=GTJU1KB97PfgiDTN-4",
+      },
+    ],
+  },
 };
 
 /**
@@ -245,6 +293,18 @@ export const AIDALogOutButton: Story = {
     onClick: fn(),
     label: "Log Out",
   },
+  parameters: {
+    design: [
+      {
+        type: "figma",
+        url: "https://www.figma.com/design/vgdX46lAwjQwfV6YyEfaG4/AIDA-V3-MAIN?node-id=1855-195604&t=C3CM89TvL7w7gKU1-4",
+      },
+      {
+        type: "link",
+        url: "https://www.figma.com/design/vgdX46lAwjQwfV6YyEfaG4/AIDA-V3-MAIN?node-id=1855-195604&t=C3CM89TvL7w7gKU1-4",
+      },
+    ],
+  },
 };
 
 /**

diff --git a/src/components/buttons/cta-common-btn/CtaCommonBtn.stories.tsx b/src/components/buttons/cta-common-btn/CtaCommonBtn.stories.tsx
@@ -52,10 +52,16 @@ export const Footer: StoryType = {
     ),
   },
   parameters: {
-    design: {
-      type: "figma",
-      url: "https://www.figma.com/design/vgdX46lAwjQwfV6YyEfaG4/AIDA-V3-MAIN?node-id=1619-64470",
-    },
+    design: [
+      {
+        type: "figma",
+        url: "https://www.figma.com/design/vgdX46lAwjQwfV6YyEfaG4/AIDA-V3-MAIN?node-id=1619-64470",
+      },
+      {
+        type: "link",
+        url: "https://www.figma.com/design/vgdX46lAwjQwfV6YyEfaG4/AIDA-V3-MAIN?node-id=1619-64470",
+      },
+    ],
   },
 };
 
@@ -96,10 +102,16 @@ export const Small: StoryType = {
     ),
   },
   parameters: {
-    design: {
-      type: "figma",
-      url: "https://www.figma.com/design/vgdX46lAwjQwfV6YyEfaG4/AIDA-V3-MAIN?node-id=971-43503",
-    },
+    design: [
+      {
+        type: "figma",
+        url: "https://www.figma.com/design/vgdX46lAwjQwfV6YyEfaG4/AIDA-V3-MAIN?node-id=971-43503",
+      },
+      {
+        type: "link",
+        url: "https://www.figma.com/design/vgdX46lAwjQwfV6YyEfaG4/AIDA-V3-MAIN?node-id=971-43503",
+      },
+    ],
   },
 };
 
@@ -124,10 +136,16 @@ export const Medium: StoryType = {
     ),
   },
   parameters: {
-    design: {
-      type: "figma",
-      url: "https://www.figma.com/design/vgdX46lAwjQwfV6YyEfaG4/AIDA-V3-MAIN?node-id=1065-30810",
-    },
+    design: [
+      {
+        type: "figma",
+        url: "https://www.figma.com/design/vgdX46lAwjQwfV6YyEfaG4/AIDA-V3-MAIN?node-id=1065-30810",
+      },
+      {
+        type: "link",
+        url: "https://www.figma.com/design/vgdX46lAwjQwfV6YyEfaG4/AIDA-V3-MAIN?node-id=1065-30810",
+      },
+    ],
   },
 };
 
@@ -140,9 +158,15 @@ export const Large: StoryType = {
     bgIcon: <ExplorerLargeCtaIcon />,
   },
   parameters: {
-    design: {
-      type: "figma",
-      url: "https://www.figma.com/design/vgdX46lAwjQwfV6YyEfaG4/AIDA-V3-MAIN?node-id=1143-36947",
-    },
+    design: [
+      {
+        type: "figma",
+        url: "https://www.figma.com/design/vgdX46lAwjQwfV6YyEfaG4/AIDA-V3-MAIN?node-id=1143-36947",
+      },
+      {
+        type: "link",
+        url: "https://www.figma.com/design/vgdX46lAwjQwfV6YyEfaG4/AIDA-V3-MAIN?node-id=1143-36947",
+      },
+    ],
   },
 };