fix: example

Author: SKairinos

src/app/env.ts renamed to src/app/settings.ts

@@ -1,6 +1,6 @@
-import env from "codeforlife/env"
+import env from "codeforlife/settings"
 
-export * from "codeforlife/env"
+export * from "codeforlife/settings"
 
 // Example of how to get an environment variable.
 export const EXAMPLE = env.VITE_EXAMPLE ?? "DEFAULT_VALUE"

src/pages/fruitDetail/FruitDetail.tsx

@@ -4,7 +4,7 @@ import * as yup from "yup"
 import { Stack, Typography } from "@mui/material"
 import { type FC } from "react"
 import { Link } from "codeforlife/components/router"
-import { handleQueryState } from "codeforlife/utils/api"
+import { handleResultState } from "codeforlife/utils/api"
 import { submitForm } from "codeforlife/utils/form"
 import { useParamsRequired } from "codeforlife/hooks"
 
@@ -18,24 +18,24 @@ import { paths } from "../../routes"
 export interface FruitDetailProps {}
 
 const FruitDetail: FC<FruitDetailProps> = () => {
-  const [updateFruit] = useUpdateFruitMutation()
   const [retrieveFruit, retrieveFruitResult] = useLazyRetrieveFruitQuery()
 
   return useParamsRequired({
     shape: { id: yup.number().required().min(1) },
     children: () =>
-      handleQueryState(retrieveFruitResult, fruit => (
+      handleResultState(retrieveFruitResult, fruit => (
         <pages.Page>
           <pages.Section>
             <Typography variant="h1">Update fruit</Typography>
             <forms.Form
               initialValues={fruit}
-              onSubmit={submitForm(updateFruit, {
+              useMutation={useUpdateFruitMutation}
+              submitOptions={{
                 exclude: ["expires_on"],
                 then: () => {
                   alert("successfully updated fruit")
                 },
-              })}
+              }}
             >
               <Stack>
                 <FruitNameField />