Oppdaterte api metode, slik at amn kan fjerne ting fra kjøleskap

src/components/EatFridgeItemModal.vue

@@ -6,7 +6,7 @@
       <p id="sliderDisplay">{{sliderValue}} {{this.fridgeItem.amount.unit}}</p>
       <label for="slider">Mengde tatt av varen:</label>
 
-      <input type = "range" id = "slider" name = "slider" min="0" :max = "this.maxValue" v-model="sliderValue">
+      <input type = "range" id = "slider" name = "slider" min="0" :max = "this.maxValue" step="this.stepIncrentValue" v-model="sliderValue">
 
       <div id="buttons">
           <button @click="logFoodAsDiscarded">Ble kastet</button>
@@ -38,6 +38,7 @@ export default {
      return {
        visible:true,
        sliderValue: 0,
+         stepIncrentValue:'1',
      }
   },
   methods:{
@@ -58,7 +59,7 @@ export default {
               }
           };
 
-          API.removeIngredientFromFridge(request).catch((error)=> console.log(error));
+          API.updateFridge(request).catch((error)=> console.log(error));
           this.close();
       },
       logFoodAsDiscarded(){
@@ -98,6 +99,9 @@ export default {
 
           return numOfDays < 1 ;
       },
+      getStep(){
+        return 0.1;
+      },
   }
 }
 </script>

src/util/API.js

@@ -191,10 +191,10 @@ export const API = {
      * Action available: CONSUMED, DISCARDED,ADDED_TO_FRIDGE
      * @returns {Promise<void>}
      */
-    removeIngredientFromFridge: async(request) => {
+    updateFridge: async(request) => {
         const authStore = useAuthStore();
 
-        axios.put(`${import.meta.env.VITE_BACKEND_URL}/fridge/ingredients`, request,{
+        axios.put(`${import.meta.env.VITE_BACKEND_URL}/fridge/ingredientsAmount`, request,{
             headers: { Authorization: `Bearer ${authStore.token}` },
         }).then((response) => {
             return response.data;