chore: fix lint error in dropzone component & toast figma connect

innovaccer · Dec 6, 2024 · 9c8a41e · 9c8a41e
1 parent 622867d
commit 9c8a41e
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/core/components/molecules/dropzone/Dropzone.tsx b/core/components/molecules/dropzone/Dropzone.tsx
@@ -77,12 +77,12 @@ export const Dropzone = (props: DropzoneProps) => {
               Drag your files here or
             </Text>
             <Text
-              tabIndex={disabled ? -1 : 0}
               className="ml-2 cursor-pointer"
               size="large"
               weight="strong"
               appearance={disabled ? 'disabled' : 'link'}
               {...buttonAccessibilityProps}
+              tabIndex={disabled ? -1 : 0}
             >
               browse files
             </Text>

diff --git a/core/components/molecules/dropzone/__tests__/__snapshots__/Dropzone.test.tsx.snap b/core/components/molecules/dropzone/__tests__/__snapshots__/Dropzone.test.tsx.snap
@@ -216,6 +216,7 @@ exports[`Dropzone component snapshot
           class="Text Text--disabled Text--strong Text--large ml-2 cursor-pointer"
           data-test="DesignSystem-Text"
           role="button"
+          tabindex="-1"
         >
           browse files
         </span>
@@ -279,6 +280,7 @@ exports[`Dropzone component snapshot
           class="Text Text--disabled Text--strong Text--large ml-2 cursor-pointer"
           data-test="DesignSystem-Text"
           role="button"
+          tabindex="-1"
         >
           browse files
         </span>
@@ -331,6 +333,7 @@ exports[`Dropzone component snapshot
           class="Text Text--disabled Text--strong Text--large ml-2 cursor-pointer"
           data-test="DesignSystem-Text"
           role="button"
+          tabindex="-1"
         >
           browse files
         </span>

diff --git a/figma/Toast.figma.tsx b/figma/Toast.figma.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { Toast } from '@/index';
 import figma from '@figma/code-connect';
+import { Action } from '@/components/atoms/toast';
 
 figma.connect(Toast, 'https://www.figma.com/design/w8sqBtJpvq86D06UE7gN0T/MDS---Web?node-id=694-632&m=dev', {
   imports: ["import { Toast } from '@innovaccer/design-system'"],
@@ -23,5 +24,5 @@ figma.connect(Toast, 'https://www.figma.com/design/w8sqBtJpvq86D06UE7gN0T/MDS---
       false: undefined,
     }),
   },
-  example: (props) => <Toast title="Title goes here" {...props} />,
+  example: (props) => <Toast title="Title goes here" {...props} actions={props.actions as Action[]} />,
 });