Fix image base path in offcut edit

src/app/admin/offcuts/Create.tsx

@@ -5,13 +5,14 @@ import {
   CheckboxGroupInput,
   Create,
   ImageField,
-  ImageInput, RadioButtonGroupInput,
+  ImageInput,
+  RadioButtonGroupInput,
   ReferenceArrayInput,
   ReferenceInput,
   SimpleForm,
   TextInput,
   Validator,
-  required
+  required,
 } from "react-admin";
 import { useWatch } from "react-hook-form";
 import RemoveChoiceButton from "./RemoveChoiceButton";
@@ -55,7 +56,6 @@ const BrandPolicyContainer = styled.div`
   width: 100%;
 `;
 
-
 export const Fields = () => {
   return (
     <>
@@ -111,9 +111,21 @@ export const Fields = () => {
   );
 };
 
+export const addBasePathToOffcutPictures = (data: any) => {
+  return {
+    ...data,
+    pictures: data.pictures.map((picture: any) => {
+      return {
+        ...picture,
+        src: `/scrrap-lab${picture.src}`,
+      };
+    }),
+  };
+};
+
 const OffcutCreate = () => {
   return (
-    <Create redirect="list">
+    <Create redirect="list" transform={addBasePathToOffcutPictures}>
       <SimpleForm>
         <Fields />
       </SimpleForm>

src/app/admin/offcuts/Edit.tsx

@@ -1,12 +1,13 @@
-import {
-  Edit,
-  SimpleForm
-} from "react-admin";
-import { Fields } from "./Create";
+import { Edit, SimpleForm } from "react-admin";
+import { addBasePathToOffcutPictures, Fields } from "./Create";
 
 const OffcutEdit = () => {
   return (
-    <Edit redirect="list" title="Modifier Chute">
+    <Edit
+      redirect="list"
+      title="Modifier Chute"
+      transform={addBasePathToOffcutPictures}
+    >
       <SimpleForm>
         <Fields />
       </SimpleForm>