Incorporate new PropertesTable rows

oxidecomputer · Dec 19, 2024 · d5b167e · d5b167e
1 parent 4a4e3e8
commit d5b167e
Showing 1 changed file with 3 additions and 11 deletions.
diff --git a/app/forms/floating-ip-edit.tsx b/app/forms/floating-ip-edit.tsx
@@ -25,9 +25,7 @@ import { addToast } from '~/stores/toast'
 import { EmptyCell } from '~/table/cells/EmptyCell'
 import { IpPoolCell } from '~/table/cells/IpPoolCell'
 import { CopyableIp } from '~/ui/lib/CopyableIp'
-import { DateTime } from '~/ui/lib/DateTime'
 import { PropertiesTable } from '~/ui/lib/PropertiesTable'
-import { Truncate } from '~/ui/lib/Truncate'
 import { ALL_ISH } from '~/util/consts'
 import type * as PP from '~/util/path-params'
 import { pb } from 'app/util/path-builder'
@@ -85,15 +83,9 @@ export function EditFloatingIpSideModalForm() {
       submitError={editFloatingIp.error}
     >
       <PropertiesTable>
-        <PropertiesTable.Row label="ID">
-          <Truncate text={floatingIp.id} maxLength={32} hasCopyButton />
-        </PropertiesTable.Row>
-        <PropertiesTable.Row label="Created">
-          <DateTime date={floatingIp.timeCreated} />
-        </PropertiesTable.Row>
-        <PropertiesTable.Row label="Updated">
-          <DateTime date={floatingIp.timeModified} />
-        </PropertiesTable.Row>
+        <PropertiesTable.IdRow id={floatingIp.id} />
+        <PropertiesTable.DateRow label="Created" date={floatingIp.timeCreated} />
+        <PropertiesTable.DateRow label="Updated" date={floatingIp.timeModified} />
         <PropertiesTable.Row label="IP Address">
           <CopyableIp ip={floatingIp.ip} isLinked={false} />
         </PropertiesTable.Row>