Merge pull request #1509 from deepfence/ui-v2-registry-sync-images

added sync column
deepfence · Sep 11, 2023 · 54a1fd7 · 54a1fd7
2 parents 0a60bef + 3e127f0
commit 54a1fd7
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 5 deletions.
diff --git a/...ence_frontend/apps/dashboard/src/features/registries/components/RegistryAccountsTable.tsx b/...ence_frontend/apps/dashboard/src/features/registries/components/RegistryAccountsTable.tsx
@@ -2,6 +2,7 @@ import { useSuspenseQuery } from '@suspensive/react-query';
 import { useMemo, useState } from 'react';
 import { generatePath, useParams } from 'react-router-dom';
 import {
+  CircleSpinner,
   createColumnHelper,
   Dropdown,
   DropdownItem,
@@ -175,6 +176,24 @@ export const RegistryAccountsTable = ({
         size: 110,
         maxSize: 120,
       }),
+      columnHelper.accessor('is_syncing', {
+        header: () => 'Sync Status',
+        cell: (info) => (
+          <>
+            {info.getValue() === true ? (
+              <span className="flex items-center gap-1.5 dark:text-text-text-and-icon text-p4">
+                <CircleSpinner size="sm" />
+                Syncing
+              </span>
+            ) : (
+              'Ready to scan'
+            )}
+          </>
+        ),
+        minSize: 100,
+        size: 110,
+        maxSize: 120,
+      }),
       columnHelper.accessor('created_at', {
         enableSorting: true,
         header: () => 'Created',

diff --git a/deepfence_frontend/packages/ui-components/src/components/modal/Modal.tsx b/deepfence_frontend/packages/ui-components/src/components/modal/Modal.tsx
@@ -101,10 +101,6 @@ const contentCva = cva(
       'text-p1 dark:text-text-text-and-icon',
       // padding
       'px-5',
-      {
-        'animate-modal-slide-in': open,
-        // 'animate-pop-out': !open,
-      },
     ),
   ],
   {
@@ -117,7 +113,8 @@ const contentCva = cva(
         xxl: 'w-[800px]',
       },
       open: {
-        true: '',
+        true: 'animate-modal-slide-in',
+        // false: 'animate-pop-out',
       },
     },
     defaultVariants: {