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

src/renderer/components/+config-secrets/secrets.tsx

@@ -14,6 +14,7 @@ import { Badge } from "../badge";
 import { secretsStore } from "./secrets.store";
 import { KubeObjectStatusIcon } from "../kube-object-status-icon";
 import type { SecretsRouteParams } from "../../../common/routes";
+import { KubeObjectAge } from "../kube-object/age";
 
 enum columnId {
   name = "name",
@@ -35,18 +36,19 @@ export class Secrets extends React.Component<SecretsProps> {
         <KubeObjectListLayout
           isConfigurable
           tableId="configuration_secrets"
-          className="Secrets" store={secretsStore}
+          className="Secrets"
+          store={secretsStore}
           sortingCallbacks={{
-            [columnId.name]: item => item.getName(),
-            [columnId.namespace]: item => item.getNs(),
-            [columnId.labels]: item => item.getLabels(),
-            [columnId.keys]: item => item.getKeys(),
-            [columnId.type]: item => item.type,
-            [columnId.age]: item => item.getTimeDiffFromNow(),
+            [columnId.name]: secret => secret.getName(),
+            [columnId.namespace]: secret => secret.getNs(),
+            [columnId.labels]: secret => secret.getLabels(),
+            [columnId.keys]: secret => secret.getKeys(),
+            [columnId.type]: secret => secret.type,
+            [columnId.age]: secret => -secret.getCreationTimestamp(),
           }}
           searchFilters={[
-            item => item.getSearchFields(),
-            item => item.getKeys(),
+            secret => secret.getSearchFields(),
+            secret => secret.getKeys(),
           ]}
           renderHeaderTitle="Secrets"
           renderTableHeader={[
@@ -65,7 +67,7 @@ export class Secrets extends React.Component<SecretsProps> {
             secret.getLabels().map(label => <Badge scrollable key={label} label={label} expandable={false}/>),
             secret.getKeys().join(", "),
             secret.type,
-            secret.getAge(),
+            <KubeObjectAge key="age" object={secret} />,
           ]}
           addRemoveButtons={{
             onAdd: () => AddSecretDialog.open(),