feat: Now we are fetching the likes using API. Removed the HarperFetch usage from the App component

Author: atapas

components/core/App.js

@@ -1,12 +1,10 @@
 import React, { useEffect, useState } from "react";
-import axios from "axios";
-import dynamic from "next/dynamic";
 
-// harperDb fetch call
-import { harperFetch } from "../../utils/HarperFetch";
+// axios
+import axios from "axios";
 
-// Dummy Shape Data
-// import { shapes } from "../../data/shapes";
+// dynamic from next
+import dynamic from "next/dynamic";
 
 // loader
 import Loader from "react-loader-spinner";
@@ -52,12 +50,12 @@ const App = (props) => {
       shapes = response.data;
 
       // Fetch the shapes liked by the logged-in user
-      const likedShapes = await harperFetch({
-        operation: "sql",
-        sql: `SELECT *
-          FROM tryshape.likes 
-          WHERE email = '${user.email}'`,
+      const likedResponse = await axios.get("/api/GET/likes", {
+        params: {
+          email: user.email
+        }
       });
+      const likedShapes = likedResponse.data;
 
       // If there are liked shapes, take out the shape_id
       if (likedShapes.length > 0) {

pages/api/GET/likes.js

@@ -0,0 +1,25 @@
+export default async function handler(req, res) {
+    const { email } = req.query;
+
+    let sql = `SELECT *
+                FROM tryshape.likes 
+                WHERE email = '${email}'`;
+    
+
+    const request = await fetch(process.env.NEXT_PUBLIC_DB_URL, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Basic ${process.env.NEXT_PUBLIC_DB_AUTHORIZATION}`,
+      },
+      body: JSON.stringify({
+        operation: "sql",
+        sql: sql,
+      }),
+    });
+  
+    const data = await request.json();
+    // console.log(data);
+  
+    res.status(200).json(data);
+  }