Fix all Age, LastSeen, and FirstSeen displays (#4990)

src/renderer/components/+network-policies/network-policies.tsx

@@ -12,6 +12,7 @@ import { KubeObjectListLayout } from "../kube-object-list-layout";
 import { networkPolicyStore } from "./network-policy.store";
 import { KubeObjectStatusIcon } from "../kube-object-status-icon";
 import type { NetworkPoliciesRouteParams } from "../../../common/routes";
+import { KubeObjectAge } from "../kube-object/age";
 
 enum columnId {
   name = "name",
@@ -30,14 +31,15 @@ export class NetworkPolicies extends React.Component<NetworkPoliciesProps> {
       <KubeObjectListLayout
         isConfigurable
         tableId="network_policies"
-        className="NetworkPolicies" store={networkPolicyStore}
+        className="NetworkPolicies"
+        store={networkPolicyStore}
         sortingCallbacks={{
-          [columnId.name]: item => item.getName(),
-          [columnId.namespace]: item => item.getNs(),
-          [columnId.age]: item => item.getTimeDiffFromNow(),
+          [columnId.name]: networkPolicy => networkPolicy.getName(),
+          [columnId.namespace]: networkPolicy => networkPolicy.getNs(),
+          [columnId.age]: networkPolicy => -networkPolicy.getCreationTimestamp(),
         }}
         searchFilters={[
-          item => item.getSearchFields(),
+          networkPolicy => networkPolicy.getSearchFields(),
         ]}
         renderHeaderTitle="Network Policies"
         renderTableHeader={[
@@ -47,12 +49,12 @@ export class NetworkPolicies extends React.Component<NetworkPoliciesProps> {
           { title: "Policy Types", className: "type", id: columnId.types },
           { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
         ]}
-        renderTableContents={item => [
-          item.getName(),
-          <KubeObjectStatusIcon key="icon" object={item} />,
-          item.getNs(),
-          item.getTypes().join(", "),
-          item.getAge(),
+        renderTableContents={networkPolicy => [
+          networkPolicy.getName(),
+          <KubeObjectStatusIcon key="icon" object={networkPolicy} />,
+          networkPolicy.getNs(),
+          networkPolicy.getTypes().join(", "),
+          <KubeObjectAge key="age" object={networkPolicy} />,
         ]}
       />
     );