Fix lint issue

ntuscds · Sep 13, 2024 · 04c5484 · 04c5484
1 parent e8d372e
commit 04c5484
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/apps/cms/src/admin/views/MerchProducts.tsx b/apps/cms/src/admin/views/MerchProducts.tsx
@@ -43,7 +43,6 @@ const MerchProducts: AdminViewComponent = ({ user, canAccessAdmin }) => {
   if (data && data.length > 0) { 
     for (const key of Object.keys(new Product())) {
       const renderCellComponent = RenderCellFactory.get(data[0], key);
-      // eslint-disable-next-line @typescript-eslint/no-floating-promises
       const renderCell: React.FC<{ children?: React.ReactNode }> =
         renderCellComponent instanceof Promise
           ? renderCellComponent
@@ -95,7 +94,13 @@ const MerchProducts: AdminViewComponent = ({ user, canAccessAdmin }) => {
       components: {
         Heading: <div>Delete</div>,
         renderCell: (data: Product) => (
-          <Button onClick={() => handleDelete(data)}>Delete</Button>
+          <Button onClick={() => {
+            // Wrap async function call in an inline function
+            (async () => {
+              await handleDelete(data);
+            })();
+          }}
+        >Delete</Button>
         ),
       },
       label: "Delete",