Replace axios with fetch API (generated by blackbox.ai )

saiyamdubey · Feb 14, 2024 · 2f7306a · 2f7306a
1 parent 8325db8
commit 2f7306a
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 12 deletions.
diff --git a/app/instagram/video/page.tsx b/app/instagram/video/page.tsx
@@ -3,7 +3,7 @@
 import React, { useState } from "react";
 import { GoPaste } from "react-icons/go";
 import { toast } from "sonner";
-import Loader from "../loader";
+import Loader from "../../../components/loader";
 import axios from "axios";
 
 type Props = {};
@@ -27,16 +27,22 @@ function Searchbar({}: Props) {
         return toast("Check the Provided Link");
       }
 
-      const response = await axios.get(
-        `/api/download?url=${encodeURIComponent(url)}`
+      const response = await fetch(
+        `/api/download?url=${encodeURIComponent(url)}`,
+        {
+          cache: "no-cache",
+        }
       );
       console.log(response);
-      const data = response.data;
+      const data = await response.json();
       console.log(data);
-      const response1 = await axios.get(
-        `/api/test?url=https://jsonplaceholder.typicode.com/posts`
+      const response1 = await fetch(
+        `/api/test?url=https://jsonplaceholder.typicode.com/posts`,
+        {
+          cache: "no-store",
+        }
       );
-      console.log(response1.data)
+      console.log("hi ::",await response1.json());
       if (data === "link is wrong") {
         setloading(false);
         toast("Check the Provided Link");

diff --git a/app/instagram/loader.tsx → components/loader.tsx b/app/instagram/loader.tsx → components/loader.tsx
diff --git a/pages/api/test.ts b/pages/api/test.ts
@@ -7,9 +7,11 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse)
   let { url } = req.query;
 
   try {
-    const response = await axios.get(url as string );
-console.log("response 1",response.data)
-    const data = response.data;
+    const response = await fetch(url as string,{
+        cache:"no-store"
+    } );
+console.log("response 1",response)
+    const data = response.json();
     res.status(200).json(data);
   } catch (error) {
     console.error(error);

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -16,11 +16,11 @@ const config: Config = {
     },
 
     screens: {
-      'sm': {'min': '300px', 'max': '900px'},
+      'sm': {'min': '300px', 'max': '1000px'},
       'md': {'min': '901px', 'max': '1024px'},
       'lg': {'min': '1025px', 'max': '1279px'},
       'xl': {'min': '1280px', 'max': '1400px'},
-      '2xl': {'min': '1401px','max':'1900px'},
+      '2xl': {'min': '1001px','max':'2500px'},
     },
 
     extend: {