fix: same storage interface

Author: luizchaves

public/codes/package/axios/invest-app/js/components/InvestmentCard.js

@@ -2,6 +2,7 @@ import Investments from '../lib/investments';
 import InvestmentForm from './InvestmentForm';
 import { $ } from '../lib/dom';
 import { formatCurrency, formatDate } from '../lib/format';
+import { HSOverlay } from 'preline';
 
 function create(investment) {
   const card = `
@@ -46,7 +47,6 @@ function create(investment) {
       <div class="absolute bottom-4 right-4 inline-flex">
         <span
           class="icon-trash mr-1 text-gray-400 hover:text-gray-700 cursor-pointer"
-          data-hs-overlay="#hs-basic-modal"
         >
           <span
             class="iconify"
@@ -56,7 +56,6 @@ function create(investment) {
         </span>
         <span
           class="icon-pencil text-gray-400 hover:text-gray-700 cursor-pointer"
-          data-hs-overlay="#investment-drawer"
         >
           <span
             class="iconify"
@@ -73,14 +72,18 @@ function create(investment) {
   $(`#investment-${investment.id} .icon-pencil`).onclick = () => {
     InvestmentForm.setValues(investment);
 
-    InvestmentForm.handleSubmit((investment) => Investments.update(investment));
+    InvestmentForm.handleSubmit(Investments.update);
+
+    HSOverlay.open('#investment-drawer');
   };
 
   $(`#investment-${investment.id} .icon-trash`).onclick = () => {
     $(`.modal .investment-name`).innerText = investment.name;
 
     $(`.modal .remove-investment-btn`).onclick = () =>
       Investments.remove(investment);
+
+    HSOverlay.open('#hs-basic-modal');
   };
 }
 

public/codes/package/axios/invest-app/js/lib/investments.js

@@ -18,18 +18,15 @@ async function create(investment) {
 async function update(investment) {
   const { id } = investment;
 
-  const updatedInvestment = await Storage.update(
-    `investments?id=eq.${id}`,
-    investment
-  );
+  const updatedInvestment = await Storage.update('investments', id, investment);
 
   InvestmentCard.update(updatedInvestment);
 }
 
 async function remove(investment) {
   const { id } = investment;
 
-  Storage.remove(`investments?id=eq.${id}`);
+  Storage.remove('investments', id);
 
   InvestmentCard.remove(id);
 }

public/codes/package/axios/invest-app/js/services/storage.js

@@ -6,19 +6,27 @@ async function create(resource, data) {
   return createdData?.[0];
 }
 
-async function read(resource) {
+async function read(resource, id) {
+  if (id) {
+    resource = `${resource}?id=eq.${id}`;
+  }
+
   const { data } = await API.get(resource);
 
   return data;
 }
 
-async function update(resource, data) {
+async function update(resource, id, data) {
+  resource = `${resource}?id=eq.${id}`;
+
   const { data: updatedData } = await API.patch(resource, data);
 
   return updatedData?.[0];
 }
 
-async function remove(resource) {
+async function remove(resource, id) {
+  resource = `${resource}?id=eq.${id}`;
+
   const { error } = await API.delete(resource);
 
   if (error) {