Tweak system update release list (#2946)

* Add hash icon and tweak update meta

* sadly repo.hash is a different hash

---------

Co-authored-by: David Crespo <[email protected]>

Author: benjaminleonard

app/pages/system/UpdatePage.tsx

@@ -13,10 +13,8 @@ import { lt as semverLt } from 'semver'
 
 import {
   Images24Icon,
-  SizeOutline12Icon,
   SoftwareUpdate16Icon,
   SoftwareUpdate24Icon,
-  TimeOutline12Icon,
 } from '@oxide/design-system/icons/react'
 import { Badge } from '@oxide/design-system/ui'
 
@@ -213,9 +211,9 @@ export default function UpdatePage() {
               return (
                 <li
                   key={repo.hash}
-                  className="border-default @container flex items-center gap-3 rounded border pl-4"
+                  className="border-default @container flex items-center gap-2 rounded border pl-4"
                 >
-                  <Images24Icon className="text-tertiary shrink-0" aria-hidden />
+                  <Images24Icon className="text-quaternary shrink-0" aria-hidden />
                   <div className="flex min-w-0 flex-1 flex-col flex-wrap items-start gap-x-4 gap-y-1 py-3 @md:flex-row @md:items-center">
                     <div className="flex-1">
                       <div className="flex items-center gap-1.5">
@@ -225,15 +223,9 @@ export default function UpdatePage() {
                         {isTarget && <Badge color="default">Target</Badge>}
                       </div>
                     </div>
-                    <div className="flex flex-col items-start gap-0.5 @md:items-end">
-                      <div className="flex items-center gap-1.5">
-                        <DateTime date={repo.timeCreated} />
-                        <TimeOutline12Icon className="text-quaternary" aria-hidden />
-                      </div>
-                      <div className="flex items-center gap-1.5">
-                        <div>{repo.fileName}</div>
-                        <SizeOutline12Icon className="text-quaternary" aria-hidden />
-                      </div>
+                    <div className="flex flex-col items-start gap-0.5 pr-2 @md:items-end">
+                      <DateTime date={repo.timeCreated} />
+                      <div>{repo.fileName}</div>
                     </div>
                   </div>
                   <div className="border-secondary flex items-center justify-center self-stretch border-l">

mock-api/system-update.ts

@@ -13,19 +13,19 @@ export const tufRepos: Json<TufRepo>[] = [
   {
     system_version: '18.0.0',
     file_name: 'rack-18.0.0.zip',
-    hash: 'a1b2c3d4e5f6g7h8i9j0k1l2m3n4o5p6',
+    hash: '163acd11ef5b14aac27d04b2080393826e832714',
     time_created: new Date('2024-03-15T14:30:00Z').toISOString(),
   },
   {
     system_version: '17.0.0',
     file_name: 'rack-17.0.0.zip',
-    hash: '7d793037a0760186574b0282f2f435e7',
+    hash: '6510e87da6a6078509836e8faa27dc20272b472e',
     time_created: new Date('2024-02-20T14:30:00Z').toISOString(),
   },
   {
     system_version: '16.0.0',
     file_name: 'rack-16.0.0.zip',
-    hash: '5d41402abc4b2a76b9719d911017c592',
+    hash: '58f95ded7eed49fd30659035c5c16b5bb9e63a76',
     time_created: new Date('2024-01-15T10:00:00Z').toISOString(),
   },
 ]