feature/category-tag-crud (#354)

* update tag route

* search.and

* offset for mobile

* relative imports

* get settings

* new page

* category/tag CRUD

* bulk assign frontend

* Bulk assign

* debounce search

* remove dev data

* recipe store refactor

* fix mobile view

* fix failing tests

* commit test data

Co-authored-by: hay-kot <hay-kot@pm.me>

frontend/src/api/api-utils.js

@@ -39,6 +39,16 @@ const apiReq = {
     processResponse(response);
     return response;
   },
+  patch: async function(url, data) {
+    let response = await axios.patch(url, data).catch(function(error) {
+      if (error.response) {
+        processResponse(error.response);
+        return response;
+      } else return;
+    });
+    processResponse(response);
+    return response;
+  },
 
   get: async function(url, data) {
     let response = await axios.get(url, data).catch(function(error) {

frontend/src/api/category.js

@@ -6,8 +6,10 @@ const prefix = baseURL + "categories";
 
 const categoryURLs = {
   getAll: `${prefix}`,
+  getEmpty: `${prefix}/empty`,
   getCategory: category => `${prefix}/${category}`,
   deleteCategory: category => `${prefix}/${category}`,
+  updateCategory: category => `${prefix}/${category}`,
 };
 
 export const categoryAPI = {
@@ -15,6 +17,10 @@ export const categoryAPI = {
     let response = await apiReq.get(categoryURLs.getAll);
     return response.data;
   },
+  async getEmpty() {
+    let response = await apiReq.get(categoryURLs.getEmpty);
+    return response.data;
+  },
   async create(name) {
     let response = await apiReq.post(categoryURLs.getAll, { name: name });
     store.dispatch("requestCategories");
@@ -24,9 +30,20 @@ export const categoryAPI = {
     let response = await apiReq.get(categoryURLs.getCategory(category));
     return response.data;
   },
-  async delete(category) {
+  async update(name, newName, overrideRequest = false) {
+    let response = await apiReq.put(categoryURLs.updateCategory(name), {
+      name: newName,
+    });
+    if (!overrideRequest) {
+      store.dispatch("requestCategories");
+    }
+    return response.data;
+  },
+  async delete(category, overrideRequest = false) {
     let response = await apiReq.delete(categoryURLs.deleteCategory(category));
-    store.dispatch("requestCategories");
+    if (!overrideRequest) {
+      store.dispatch("requestCategories");
+    }
     return response.data;
   },
 };
@@ -35,8 +52,10 @@ const tagPrefix = baseURL + "tags";
 
 const tagURLs = {
   getAll: `${tagPrefix}`,
+  getEmpty: `${tagPrefix}/empty`,
   getTag: tag => `${tagPrefix}/${tag}`,
   deleteTag: tag => `${tagPrefix}/${tag}`,
+  updateTag: tag => `${tagPrefix}/${tag}`,
 };
 
 export const tagAPI = {
@@ -44,6 +63,10 @@ export const tagAPI = {
     let response = await apiReq.get(tagURLs.getAll);
     return response.data;
   },
+  async getEmpty() {
+    let response = await apiReq.get(tagURLs.getEmpty);
+    return response.data;
+  },
   async create(name) {
     let response = await apiReq.post(tagURLs.getAll, { name: name });
     store.dispatch("requestTags");
@@ -53,9 +76,20 @@ export const tagAPI = {
     let response = await apiReq.get(tagURLs.getTag(tag));
     return response.data;
   },
-  async delete(tag) {
+  async update(name, newName, overrideRequest = false) {
+    let response = await apiReq.put(tagURLs.updateTag(name), { name: newName });
+
+    if (!overrideRequest) {
+      store.dispatch("requestTags");
+    }
+
+    return response.data;
+  },
+  async delete(tag, overrideRequest = false) {
     let response = await apiReq.delete(tagURLs.deleteTag(tag));
-    store.dispatch("requestTags");
+    if (!overrideRequest) {
+      store.dispatch("requestTags");
+    }
     return response.data;
   },
 };

frontend/src/api/recipe.js

@@ -67,7 +67,13 @@ export const recipeAPI = {
 
   async update(data) {
     let response = await apiReq.put(recipeURLs.update(data.slug), data);
-    store.dispatch("requestRecentRecipes");
+    store.dispatch("patchRecipe", response.data);
+    return response.data.slug; // ! Temporary until I rewrite to refresh page without additional request
+  },
+
+  async patch(data) {
+    let response = await apiReq.patch(recipeURLs.update(data.slug), data);
+    store.dispatch("patchRecipe", response.data);
     return response.data;
   },