diff --git a/app/layouts/SystemLayout.tsx b/app/layouts/SystemLayout.tsx index 0bd6904974..eca2b8a36c 100644 --- a/app/layouts/SystemLayout.tsx +++ b/app/layouts/SystemLayout.tsx @@ -13,7 +13,7 @@ import { Cloud16Icon, Metrics16Icon, Networking16Icon, - Storage16Icon, + Servers16Icon, } from '@oxide/design-system/icons/react' import { trigger404 } from '~/components/ErrorBoundary' @@ -109,7 +109,7 @@ export function SystemLayout() { Utilization - Inventory + Inventory IP Pools diff --git a/app/pages/system/inventory/DisksTab.tsx b/app/pages/system/inventory/DisksTab.tsx index 9a35e4906e..69707275f8 100644 --- a/app/pages/system/inventory/DisksTab.tsx +++ b/app/pages/system/inventory/DisksTab.tsx @@ -8,7 +8,7 @@ import { createColumnHelper } from '@tanstack/react-table' import { apiQueryClient, type PhysicalDisk } from '@oxide/api' -import { Racks24Icon } from '@oxide/design-system/icons/react' +import { Servers24Icon } from '@oxide/design-system/icons/react' import { PAGE_SIZE, useQueryTable } from '~/table/QueryTable' import { Badge } from '~/ui/lib/Badge' @@ -16,7 +16,7 @@ import { EmptyMessage } from '~/ui/lib/EmptyMessage' const EmptyState = () => ( } + icon={} title="Something went wrong" body="We expected some racks here, but none were found" /> diff --git a/app/pages/system/inventory/InventoryPage.tsx b/app/pages/system/inventory/InventoryPage.tsx index ce41cbd04d..56ecb6fcc8 100644 --- a/app/pages/system/inventory/InventoryPage.tsx +++ b/app/pages/system/inventory/InventoryPage.tsx @@ -6,7 +6,7 @@ * Copyright Oxide Computer Company */ import { apiQueryClient, usePrefetchedApiQuery } from '@oxide/api' -import { Racks24Icon } from '@oxide/design-system/icons/react' +import { Servers24Icon } from '@oxide/design-system/icons/react' import { RouteTabs, Tab } from '~/components/RouteTabs' import { PAGE_SIZE } from '~/table/QueryTable' @@ -27,7 +27,7 @@ export function InventoryPage() { return ( <> - }>Inventory + }>Inventory diff --git a/app/pages/system/inventory/SledsTab.tsx b/app/pages/system/inventory/SledsTab.tsx index f1a9eef0a0..6f681b576b 100644 --- a/app/pages/system/inventory/SledsTab.tsx +++ b/app/pages/system/inventory/SledsTab.tsx @@ -8,7 +8,7 @@ import { createColumnHelper } from '@tanstack/react-table' import { apiQueryClient, type Sled } from '@oxide/api' -import { Racks24Icon } from '@oxide/design-system/icons/react' +import { Servers24Icon } from '@oxide/design-system/icons/react' import { makeLinkCell } from '~/table/cells/LinkCell' import { PAGE_SIZE, useQueryTable } from '~/table/QueryTable' @@ -18,7 +18,7 @@ import { pb } from '~/util/path-builder' const EmptyState = () => { return ( } + icon={} title="Something went wrong" body="We expected some racks here, but none were found" /> diff --git a/app/pages/system/inventory/sled/SledPage.tsx b/app/pages/system/inventory/sled/SledPage.tsx index c454b5f97d..4c3da098b4 100644 --- a/app/pages/system/inventory/sled/SledPage.tsx +++ b/app/pages/system/inventory/sled/SledPage.tsx @@ -9,7 +9,7 @@ import { filesize } from 'filesize' import type { LoaderFunctionArgs } from 'react-router-dom' import { apiQueryClient, usePrefetchedApiQuery } from '@oxide/api' -import { Racks24Icon } from '@oxide/design-system/icons/react' +import { Servers24Icon } from '@oxide/design-system/icons/react' import { RouteTabs, Tab } from '~/components/RouteTabs' import { requireSledParams, useSledParams } from '~/hooks' @@ -34,7 +34,7 @@ export function SledPage() { return ( <> - }>Sled + }>Sled diff --git a/package-lock.json b/package-lock.json index 5dc80537c7..ab8614c22f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2006,9 +2006,9 @@ "dev": true }, "node_modules/@oxide/design-system": { - "version": "1.4.4", - "resolved": "https://registry.npmjs.org/@oxide/design-system/-/design-system-1.4.4.tgz", - "integrity": "sha512-4v2cFqQUPdLspS1YHmhCPnZ9/SdazstkZuhDSeXpDyj243rmUSDx+H/8yIOenGR7DIqIlDcYT8DrxZTEcBI6Cg==", + "version": "1.4.5", + "resolved": "https://registry.npmjs.org/@oxide/design-system/-/design-system-1.4.5.tgz", + "integrity": "sha512-rSikZ18F0nsohjv5YMnFM6sv9LZE2IRsJyZFgQ5JVMPltfCtpysks/gdtfCcGxka1AHamGFH5bFlNMnVlFksgg==", "dependencies": { "@figma-export/output-components-as-svgr": "^4.7.0", "@floating-ui/react": "^0.25.1", @@ -20878,9 +20878,9 @@ "dev": true }, "@oxide/design-system": { - "version": "1.4.4", - "resolved": "https://registry.npmjs.org/@oxide/design-system/-/design-system-1.4.4.tgz", - "integrity": "sha512-4v2cFqQUPdLspS1YHmhCPnZ9/SdazstkZuhDSeXpDyj243rmUSDx+H/8yIOenGR7DIqIlDcYT8DrxZTEcBI6Cg==", + "version": "1.4.5", + "resolved": "https://registry.npmjs.org/@oxide/design-system/-/design-system-1.4.5.tgz", + "integrity": "sha512-rSikZ18F0nsohjv5YMnFM6sv9LZE2IRsJyZFgQ5JVMPltfCtpysks/gdtfCcGxka1AHamGFH5bFlNMnVlFksgg==", "requires": { "@figma-export/output-components-as-svgr": "^4.7.0", "@floating-ui/react": "^0.25.1",