mikkel/homelabby
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(03): resolve TypeScript type mismatches from merged plans

Browse source
This commit is contained in:
Mikkel Georgsen 2026-04-10 06:27:11 +00:00
parent e2ac3b10aa
commit 021c82875e
4 changed files with 14 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/src/components/inventory/ItemRow.tsx
View file

@ -14,7 +14,7 @@ const STATUS_COLOR: Record<string, string> = {
export function ItemRow({ item }: { item: InventoryItem }) { export function ItemRow({ item }: { item: InventoryItem }) {
const netboxUrl = `http://netbox.local/dcim/devices/${item.id}/` const netboxUrl = `http://netbox.local/dcim/devices/${item.id}/`
const dot = STATUS_COLOR[item.catalog_status] ?? 'bg-charcoal' const dot = STATUS_COLOR[item.catalog_status ?? 'draft'] ?? 'bg-charcoal'
return ( return (
<Link <Link

7
web/src/components/inventory/StatusBadge.tsx
View file

@ -10,7 +10,8 @@ const STATUS_LABELS: Record<string, string> = {
type BadgeVariant = 'default' | 'indexed' | 'draft' | 'needs_research' | 'researched' | 'complete' | 'destructive' type BadgeVariant = 'default' | 'indexed' | 'draft' | 'needs_research' | 'researched' | 'complete' | 'destructive'
export function StatusBadge({ status }: { status: string }) { export function StatusBadge({ status }: { status: string | null }) {
const variant = (status in STATUS_LABELS ? status : 'draft') as BadgeVariant const key = status ?? 'draft'
return <Badge variant={variant}>{STATUS_LABELS[status] ?? status}</Badge> const variant = (key in STATUS_LABELS ? key : 'draft') as BadgeVariant
return <Badge variant={variant}>{STATUS_LABELS[key] ?? key}</Badge>
} }

16
web/src/lib/api.ts
View file

@ -31,19 +31,19 @@ export const fetchInventory = (): Promise<InventoryItem[]> =>
export const fetchInventoryItem = (id: number): Promise<InventoryItem> => export const fetchInventoryItem = (id: number): Promise<InventoryItem> =>
fetchJSON<InventoryItem>(`${BASE}/inventory/${id}`) fetchJSON<InventoryItem>(`${BASE}/inventory/${id}`)
// Intake submission — added by Plan 03-04 // Intake submission — matches IntakeResult in store/intake.ts
export interface IntakeResponse { export interface IntakeResponse {
hw_id: string hw_id: string
device_id: number
catalog_status: string
confidence: number
name: string
manufacturer: string
model: string model: string
serial_number: string manufacturer: string
category: string category: string
tags: string[] specs: Record<string, string>
suggested_tags: string[]
ai_notes: string ai_notes: string
confidence: number
catalog_status: string
netbox_id: number
queued: boolean
} }
export async function submitIntake(photos: File[], quickAdd = false): Promise<IntakeResponse> { export async function submitIntake(photos: File[], quickAdd = false): Promise<IntakeResponse> {

2
web/src/pages/ItemDetailPage.tsx
View file

@ -6,7 +6,7 @@ import { Button } from '@/components/ui/button'
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card' import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import { useInventoryItem } from '@/hooks/useInventory' import { useInventoryItem } from '@/hooks/useInventory'
function FieldRow({ label, value }: { label: string; value?: string }) { function FieldRow({ label, value }: { label: string; value?: string | null }) {
if (!value) return null if (!value) return null
return ( return (
<div className="flex gap-3 py-2 border-b border-charcoal/40 last:border-0"> <div className="flex gap-3 py-2 border-b border-charcoal/40 last:border-0">