Add note inside action

src/frontend/src/features/note/addEdit/lib/index.ts

@@ -1 +1,2 @@
 export * from './mapping';
+export * from './useAddProductIfNotExists';

src/frontend/src/features/note/addEdit/lib/useAddProductIfNotExists.ts

@@ -1,6 +1,9 @@
+import { store } from '@/app/store';
 import { type CreateProductRequest, productApi, type productModel } from '@/entities/product';
 
-const toCreateProductRequest = ({
+type AddProductIfNotExistsFn = (product: productModel.AutocompleteOption) => Promise<number>;
+
+const mapToCreateProductRequest = ({
   name,
   caloriesCost,
   defaultQuantity,
@@ -12,7 +15,19 @@ const toCreateProductRequest = ({
   categoryId: category?.id ?? 0,
 });
 
-type AddProductIfNotExistsFn = (product: productModel.AutocompleteOption) => Promise<number>;
+export const addProductIfNotExists: AddProductIfNotExistsFn = async product => {
+  if (!product.freeSolo) {
+    return product.id;
+  }
+
+  const request = mapToCreateProductRequest(product);
+
+  const { id } = await store
+    .dispatch(productApi.endpoints.createProduct.initiate(request))
+    .unwrap();
+
+  return id;
+};
 
 export const useAddProductIfNotExists = (): AddProductIfNotExistsFn => {
   const [createProduct] = productApi.useCreateProductMutation();
@@ -22,8 +37,8 @@ export const useAddProductIfNotExists = (): AddProductIfNotExistsFn => {
       return product.id;
     }
 
-    const createProductRequest = toCreateProductRequest(product);
-    const { id } = await createProduct(createProductRequest).unwrap();
+    const request = mapToCreateProductRequest(product);
+    const { id } = await createProduct(request).unwrap();
     return id;
   };
 };

src/frontend/src/pages/notes/ui/NewByPhoto.tsx

@@ -80,13 +80,9 @@ export const action: ActionFunction = async ({ request, params }) => {
   const pageId = Number(params.id);
   const formData = await request.formData();
   const note = addEditNoteLib.mapNoteFromFormData(formData);
-
-  if (note.product.freeSolo) {
-    // TODO: create product, then create note using received product id
-    return redirect(`/pages/${pageId}`);
-  }
-
-  // TODO: create note
+  const productId = await addEditNoteLib.addProductIfNotExists(note.product);
+  const createNoteRequest = addEditNoteLib.mapToCreateNoteRequest(note, productId);
+  await store.dispatch(noteApi.endpoints.createNote.initiate(createNoteRequest));
   return redirect(`/pages/${pageId}`);
 };