Projects CRUD (todo: project images)

web/src/components/Project/EditProjectCell/EditProjectCell.tsx

@@ -45,7 +45,6 @@ const UPDATE_PROJECT_MUTATION: TypedDocumentNode<
 `
 
 export const Loading = () => <CellLoading />
-
 export const Failure = ({ error }: CellFailureProps) => (
   <CellFailure error={error} />
 )
@@ -58,33 +57,37 @@ export const Success = ({ project }: CellSuccessProps<EditProjectById>) => {
         toast.success('Project updated')
         navigate(routes.projects())
       },
-      onError: (error) => {
-        toast.error(error.message)
-      },
+      onError: (error) => toast.error(error.message),
     }
   )
 
   const onSave = (
     input: UpdateProjectInput,
     id: EditProjectById['project']['id']
-  ) => {
-    updateProject({ variables: { id, input } })
-  }
+  ) => updateProject({ variables: { id, input } })
 
   return (
-    <div className="rw-segment">
-      <header className="rw-segment-header">
-        <h2 className="rw-heading rw-heading-secondary">
-          Edit Project {project?.id}
-        </h2>
-      </header>
-      <div className="rw-segment-main">
-        <ProjectForm
-          project={project}
-          onSave={onSave}
-          error={error}
-          loading={loading}
-        />
+    <div className="flex w-full justify-center">
+      <div className="overflow-hidden overflow-x-auto rounded-xl bg-base-100">
+        <table className="table w-80">
+          <thead className="bg-base-200 font-syne">
+            <tr>
+              <th className="w-0">Edit Project {project.id}</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <th>
+                <ProjectForm
+                  project={project}
+                  onSave={onSave}
+                  error={error}
+                  loading={loading}
+                />
+              </th>
+            </tr>
+          </tbody>
+        </table>
       </div>
     </div>
   )