From 6c4a6730404240e44733ac9ed5d6bed0fc8a9be3 Mon Sep 17 00:00:00 2001
From: lucferbux <lferrnan@redhat.com>
Date: Tue, 1 Oct 2024 14:37:48 +0200
Subject: [PATCH] Fix linting and accessibility issues

---
 .../screens/RegisteredModels/RegisteredModelListView.tsx  | 8 ++------
 .../screens/RegisteredModels/RegisteredModelTable.tsx     | 2 +-
 clients/ui/frontend/src/index.tsx                         | 2 +-
 3 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/clients/ui/frontend/src/app/pages/modelRegistry/screens/RegisteredModels/RegisteredModelListView.tsx b/clients/ui/frontend/src/app/pages/modelRegistry/screens/RegisteredModels/RegisteredModelListView.tsx
index d17bbe1c9..ff2017141 100644
--- a/clients/ui/frontend/src/app/pages/modelRegistry/screens/RegisteredModels/RegisteredModelListView.tsx
+++ b/clients/ui/frontend/src/app/pages/modelRegistry/screens/RegisteredModels/RegisteredModelListView.tsx
@@ -1,10 +1,5 @@
 import * as React from 'react';
-import {
-  TextInput,
-  ToolbarFilter,
-  ToolbarGroup,
-  ToolbarItem,
-} from '@patternfly/react-core';
+import { TextInput, ToolbarFilter, ToolbarGroup, ToolbarItem } from '@patternfly/react-core';
 import { FilterIcon } from '@patternfly/react-icons';
 import { useNavigate } from 'react-router-dom';
 import { RegisteredModel } from '~/app/types';
@@ -104,6 +99,7 @@ const RegisteredModelListView: React.FC<RegisteredModelListViewProps> = ({
             }}
             style={{ minWidth: '200px' }}
             data-testid="registered-model-table-search"
+            aria-label="Search"
           />
           <fieldset aria-hidden="true" className="form-fieldset">
             <legend className="form-fieldset-legend">
diff --git a/clients/ui/frontend/src/app/pages/modelRegistry/screens/RegisteredModels/RegisteredModelTable.tsx b/clients/ui/frontend/src/app/pages/modelRegistry/screens/RegisteredModels/RegisteredModelTable.tsx
index b0dc99eed..12d377684 100644
--- a/clients/ui/frontend/src/app/pages/modelRegistry/screens/RegisteredModels/RegisteredModelTable.tsx
+++ b/clients/ui/frontend/src/app/pages/modelRegistry/screens/RegisteredModels/RegisteredModelTable.tsx
@@ -23,7 +23,7 @@ const RegisteredModelTable: React.FC<RegisteredModelTableProps> = ({
     columns={rmColumns}
     toolbarContent={toolbarContent}
     defaultSortColumn={2}
-    enablePagination='compact'
+    enablePagination="compact"
     emptyTableView={<DashboardEmptyTableView onClearFilters={clearFilters} />}
     rowRenderer={(rm) => (
       <RegisteredModelTableRow key={rm.name} registeredModel={rm} refresh={refresh} />
diff --git a/clients/ui/frontend/src/index.tsx b/clients/ui/frontend/src/index.tsx
index aa8b69967..333ea347b 100644
--- a/clients/ui/frontend/src/index.tsx
+++ b/clients/ui/frontend/src/index.tsx
@@ -1,8 +1,8 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { BrowserRouter as Router } from 'react-router-dom';
-import App from './app/App';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
+import App from './app/App';
 import { BrowserStorageContextProvider } from './components/browserStorage/BrowserStorageContext';
 
 const theme = createTheme({ cssVariables: true });