Archive and restore registered models

frontend/src/pages/modelRegistry/screens/RegisteredModelsArchive/RegisteredModelsArchiveListView.tsx

@@ -1,22 +1,18 @@
 import * as React from 'react';
 import {
-  EmptyState,
-  EmptyStateBody,
-  EmptyStateHeader,
-  EmptyStateIcon,
-  EmptyStateVariant,
   SearchInput,
   ToolbarContent,
   ToolbarFilter,
   ToolbarGroup,
   ToolbarItem,
   ToolbarToggleGroup,
 } from '@patternfly/react-core';
-import { FilterIcon, PlusCircleIcon } from '@patternfly/react-icons';
+import { FilterIcon } from '@patternfly/react-icons';
 import { SearchType } from '~/concepts/dashboard/DashboardSearchField';
 import { RegisteredModel } from '~/concepts/modelRegistry/types';
 import SimpleDropdownSelect from '~/components/SimpleDropdownSelect';
 import { filterRegisteredModels } from '~/pages/modelRegistry/screens/utils';
+import EmptyModelRegistryState from '~/pages/modelRegistry/screens/EmptyModelRegistryState';
 import RegisteredModelsArchiveTable from './RegisteredModelsArchiveTable';
 
 type RegisteredModelsArchiveListViewProps = {
@@ -41,16 +37,12 @@ const RegisteredModelsArchiveListView: React.FC<RegisteredModelsArchiveListViewP
 
   if (unfilteredregisteredModels.length === 0) {
     return (
-      <EmptyState variant={EmptyStateVariant.sm} data-testid="empty-archive-state">
-        <EmptyStateHeader
-          titleText="No archived models"
-          icon={<EmptyStateIcon icon={PlusCircleIcon} />}
-        />
-        <EmptyStateBody>
-          You can archive the active models that you no longer use. You can restore an archived
-          model to make it active.
-        </EmptyStateBody>
-      </EmptyState>
+      <EmptyModelRegistryState
+        testid="empty-archive-model-state"
+        title="No archived models"
+        description="You can archive the active models that you no longer use. You can restore an archived
+      model to make it active."
+      />
     );
   }