From 00b760269f08e207d70cf481f7d3e8f87a7d066d Mon Sep 17 00:00:00 2001
From: Charlie Park <charlie@oxidecomputer.com>
Date: Wed, 3 Jul 2024 12:03:12 -0400
Subject: [PATCH] Update image 'edit' form title, as form isn't actually
 editable (#2312)

Update image 'edit' form title, as it isn't editable
---
 app/forms/image-edit.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/forms/image-edit.tsx b/app/forms/image-edit.tsx
index 85bf2ba275..ace71abf7d 100644
--- a/app/forms/image-edit.tsx
+++ b/app/forms/image-edit.tsx
@@ -26,6 +26,7 @@ import { PropertiesTable } from '~/ui/lib/PropertiesTable'
 import { ResourceLabel } from '~/ui/lib/SideModal'
 import { Truncate } from '~/ui/lib/Truncate'
 import { pb } from '~/util/path-builder'
+import { capitalize } from '~/util/str'
 import { bytesToGiB } from '~/util/units'
 
 EditProjectImageSideModalForm.loader = async ({ params }: LoaderFunctionArgs) => {
@@ -69,12 +70,14 @@ export function EditImageSideModalForm({
 }) {
   const navigate = useNavigate()
   const form = useForm({ defaultValues: image })
+  const resourceName = type === 'Project' ? 'project image' : 'silo image'
 
   return (
     <SideModalForm
+      title={capitalize(resourceName)}
       form={form}
       formType="edit"
-      resourceName={type === 'Project' ? 'project image' : 'silo image'}
+      resourceName={resourceName}
       onDismiss={() => navigate(dismissLink)}
       subtitle={
         <ResourceLabel>
@@ -100,7 +103,6 @@ export function EditImageSideModalForm({
           <DateTime date={image.timeModified} />
         </PropertiesTable.Row>
       </PropertiesTable>
-
       <NameField name="name" control={form.control} disabled />
       <DescriptionField name="description" control={form.control} required disabled />
       <TextField name="os" label="OS" control={form.control} required disabled />