fix: sorting in table

Author: Elessar1802

src/components/ResourceBrowser/ResourceList/K8sResourceListTableCellComponent.tsx

@@ -177,7 +177,7 @@ const K8sResourceListTableCellComponent = ({
         <>
             {columnName === 'name' ? (
                 <div
-                    className="flexbox dc__align-items-center dc__gap-4 dc__content-space dc__visible-hover dc__visible-hover--parent py-10"
+                    className="flexbox dc__align-items-center dc__gap-4 dc__content-space dc__visible-hover dc__visible-hover--parent py-10 pr-6"
                     data-testid="created-resource-name"
                 >
                     <div className="flex left dc__gap-4">

src/components/ResourceBrowser/ResourceList/Sidebar.tsx

@@ -113,6 +113,7 @@ const Sidebar = ({ apiResources, selectedResource, updateK8sResourceTab }: Sideb
         const params = new URLSearchParams(location.search)
         params.delete('pageNumber')
         params.delete('sortBy')
+        params.delete('sortOrder')
         const _url = `${generatePath(RESOURCE_BROWSER_ROUTES.K8S_RESOURCE_LIST, {
             clusterId,
             kind: _selectedKind,

src/components/ResourceBrowser/ResourceList/utils.tsx

@@ -124,7 +124,7 @@ export const parseK8sResourceListSearchParams = (searchParams: URLSearchParams):
 const numberInStringComparator = <T extends string>(a: T, b: T) =>
     numberComparatorBySortOrder(a ? parseInt(a.match(/^\d+/)[0], 10) : 0, b ? parseInt(b.match(/^\d+/)[0], 10) : 0)
 
-const durationComparator = <T extends string>(a: T, b: T) => k8sStyledAgeToSeconds(b) - k8sStyledAgeToSeconds(a)
+const durationComparator = <T extends string>(a: T, b: T) => k8sStyledAgeToSeconds(a) - k8sStyledAgeToSeconds(b)
 
 const propertyComparatorMap = {
     age: durationComparator,
@@ -143,6 +143,7 @@ const propertyComparatorMap = {
     'mem usage (%)': numberInStringComparator,
     'mem allocatable': numberInStringComparator,
     'cpu usage (absolute)': numberInStringComparator,
+    restarts: numberInStringComparator,
 }
 
 /**
@@ -242,7 +243,7 @@ export const getColumnSize = (field: string, isEventListing: boolean) => {
         return {
             range: {
                 maxWidth: 600,
-                minWidth: field === 'name' ? 200 : 180,
+                minWidth: field === 'name' ? 200 : 120,
                 startWidth: field === 'name' ? 300 : 200,
             },
         }