Update video download API to use axios instead of fetch (generated b…

…y blackbox.ai )

app/instagram/video/page.tsx

@@ -4,6 +4,7 @@ import React, { useState } from "react";
 import { GoPaste } from "react-icons/go";
 import { toast } from "sonner";
 import Loader from "../loader";
+import axios from "axios";
 
 type Props = {};
 
@@ -26,11 +27,11 @@ function Searchbar({}: Props) {
         return toast("Check the Provided Link");
       }
 
-      const response = await fetch(
+      const response = await axios.get(
         `/api/download?url=${encodeURIComponent(url)}`
       );
       console.log(response);
-      const data = await response.json();
+      const data = response.data;
       console.log(data);
 
       if (data === "link is wrong") {

pages/api/download.ts

@@ -1,6 +1,6 @@
 
 import { NextApiRequest, NextApiResponse } from 'next';
-// import axios from 'axios';
+import axios from 'axios';
 export default async function handler(req: NextApiRequest, res: NextApiResponse) {
   let { url } = req.query;
 
@@ -14,10 +14,10 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse)
   }
 
   try {
-console.log("hello")
-    const response = await fetch(url as string);
-
-    const data = await response.json();
+console.log("hello1")
+    const response = await axios.get(url as string);
+    console.log(response.data)
+    const data = response.data;
     res.status(200).send(data);
   } catch (error) {
     res.status(500).send('error');