diff --git a/deepfence_frontend/apps/dashboard/src/features/registries/components/RegistryAccountsTable.tsx b/deepfence_frontend/apps/dashboard/src/features/registries/components/RegistryAccountsTable.tsx index d9d4813f84..bd24b7e23b 100644 --- a/deepfence_frontend/apps/dashboard/src/features/registries/components/RegistryAccountsTable.tsx +++ b/deepfence_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 ? ( + + + Syncing + + ) : ( + '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 index 7806a11064..b76d775ce4 100644 --- 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: {