Merge pull request #2001 from teableio/fix/button-click-icon

fix: button click icon and update status logic

Author: younocode

packages/icons/src/components/MousePointerClick.tsx

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const MousePointerClick = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      d="M14 4.1 12 6"
+    />
+    <path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      d="m5.1 8-2.9-.8"
+    />
+    <path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      d="m6 12-1.9 2"
+    />
+    <path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      d="M7.2 2.2 8 5.1"
+    />
+    <path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      d="M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z"
+    />
+  </svg>
+);
+export default MousePointerClick;

packages/icons/src/index.ts

@@ -176,3 +176,4 @@ export { default as ZoomOut } from './components/ZoomOut';
 export { default as AmazonBedrock } from './components/AmazonBedrock';
 export { default as TeableAi } from './components/TeableAi';
 export { default as Compose } from './components/Compose';
+export { default as MousePointerClick } from './components/MousePointerClick';

packages/sdk/src/hooks/use-button-click-status.ts

@@ -39,7 +39,7 @@ export const useButtonClickStatus = (tableId: string, shareId?: string) => {
         runId: res.data.runId,
         recordId: ro.recordId,
         fieldId: ro.fieldId,
-        loading: true,
+        loading: !!res.data.runId,
         name: ro.name,
       });
     },

packages/sdk/src/hooks/use-field-static-getter.ts

@@ -26,9 +26,9 @@ import {
   UserEdit as LastModifiedByIcon,
   EyeOff,
   MagicAi,
+  MousePointerClick as MousePointerClickIcon,
 } from '@teable/icons';
 
-import { MousePointerClick } from 'lucide-react';
 import { useCallback } from 'react';
 import { useTranslation } from '../context/app/i18n';
 import {
@@ -225,7 +225,7 @@ export const useFieldStaticGetter = () => {
               label: t('common.click'),
               color: Colors.Teal,
             },
-            Icon: getIcon(MousePointerClick),
+            Icon: getIcon(MousePointerClickIcon),
           };
         default:
           throw new Error(`field type: ${type} has not define statics`);