add UTC timestamp to tags list and notifications

canonical · Apr 4, 2024 · b62929e · b62929e
1 parent b12c5cc
commit b62929e
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/src/app/base/components/NotificationGroup/Notification/Notification.tsx b/src/app/base/components/NotificationGroup/Notification/Notification.tsx
@@ -13,6 +13,7 @@ import {
   isUpgradeNotification,
 } from "@/app/store/notification/utils";
 import type { RootState } from "@/app/store/root/types";
+import { getUtcTimestamp } from "@/app/utils/time";
 
 type Props = {
   className?: string | null;
@@ -31,6 +32,7 @@ const NotificationGroupNotification = ({
   const notification = useSelector((state: RootState) =>
     notificationSelectors.getById(state, id)
   );
+  const createdTimestamp = getUtcTimestamp(notification?.created);
   if (!notification) {
     return null;
   }
@@ -59,7 +61,7 @@ const NotificationGroupNotification = ({
           : undefined
       }
       severity={severity}
-      timestamp={showDate ? notification.created : null}
+      timestamp={showDate ? createdTimestamp : null}
     >
       <span
         dangerouslySetInnerHTML={{ __html: notification.message }}

diff --git a/src/app/tags/views/TagList/TagTable/TagTable.tsx b/src/app/tags/views/TagList/TagTable/TagTable.tsx
@@ -24,6 +24,7 @@ import type { Tag } from "@/app/store/tag/types";
 import { TagMeta } from "@/app/store/tag/types";
 import AppliedTo from "@/app/tags/components/AppliedTo";
 import { isComparable } from "@/app/utils";
+import { getUtcTimestamp } from "@/app/utils/time";
 
 type Props = PropsWithSpread<
   {
@@ -75,7 +76,7 @@ const generateRows = (
         },
         {
           "aria-label": Label.Updated,
-          content: tag.updated,
+          content: getUtcTimestamp(tag.updated),
         },
         {
           "aria-label": Label.Auto,

diff --git a/src/app/tags/views/TagUpdate/TagUpdateFormFields/TagUpdateFormFields.tsx b/src/app/tags/views/TagUpdate/TagUpdateFormFields/TagUpdateFormFields.tsx
@@ -12,6 +12,7 @@ import AppliedTo from "@/app/tags/components/AppliedTo";
 import DefinitionField from "@/app/tags/components/DefinitionField";
 import KernelOptionsField from "@/app/tags/components/KernelOptionsField";
 import { Label } from "@/app/tags/views/TagDetails";
+import { getUtcTimestamp } from "@/app/utils/time";
 
 type Props = {
   id: Tag[TagMeta.PK];
@@ -39,7 +40,10 @@ export const TagUpdateFormFields = ({ id }: Props): JSX.Element | null => {
           />
         </Col>
         <Col size={12}>
-          <Definition description={tag.updated} label={Label.Update} />
+          <Definition
+            description={getUtcTimestamp(tag.updated)}
+            label={Label.Update}
+          />
         </Col>
         <Col size={12}>
           <Definition label={Label.AppliedTo}>