2

Author: harshedabdulla

Local_Storage/notes_pdf/intel.pdf

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const Aibot = () => {
+  return (
+    <div>
+        
+    </div>
+  )
+}
+
+export default Aibot

client/src/components/Aibot.jsx

@@ -10,7 +10,7 @@ function Hero() {
         <div className="mr-auto place-self-center lg:col-span-7">
             <h1 className="max-w-2xl mb-4 text-4xl font-extrabold tracking-tight leading-none md:text-5xl xl:text-6xl dark:text-white">Unlock Your Academic Potential with LearnMateAI</h1>
             <p className="max-w-2xl mb-6 font-light text-gray-500 lg:mb-8 md:text-lg lg:text-xl dark:text-gray-400">Personalized Learning for Smarter Results</p>
-            <Link to='/upload'>
+            <Link to='/uploadnotes'>
             <a href="#" className="inline-flex items-center justify-center px-5 py-3 mr-3 text-base font-medium text-center text-white rounded-lg bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:focus:ring-primary-900">
                 Upload Notes
                 <svg className="w-5 h-5 ml-2 -mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fillRule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clipRule="evenodd"></path></svg>

client/src/components/Hero.jsx

@@ -37,10 +37,10 @@ const Navbar = () => {
                 About
               </Link>
               <Link
-                to="/features"
+                to="/aibot"
                 className="hover:text-gray-900 px-3 py-2 rounded-md text-sm"
               >
-                Features
+                Tutor
               </Link>
               <Link
                 to="/team"

client/src/components/Navbar.jsx

@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import { motion } from 'framer-motion';
 import Lotte from 'lottie-react';
 import animationData from '../assets/95241-uploading.json';
+
 function UploadNotes() {
   const [selectedFile, setSelectedFile] = useState(null);
   const [uploading, setUploading] = useState(false);
@@ -11,55 +12,67 @@ function UploadNotes() {
     setSelectedFile(event.target.files[0]);
   };
 
-  const handleUpload = async () => {
+  const handleUpload = () => {
     if (!selectedFile) {
       return;
     }
-
+  
     setUploading(true);
-
-    // Generate a pre-signed URL for file upload
-    const url = await getPresignedUrl(selectedFile.name, selectedFile.type);
-
-    try {
-      // Use the generated URL to upload the file directly to S3
-      await uploadFile(url, selectedFile);
-      setUploadSuccess(true);
-    } catch (error) {
-      console.error('Error uploading file:', error);
-    }
-
-    setUploading(false);
-  };
-
-  // Function to generate a pre-signed URL for file upload
-  const getPresignedUrl = async (filename, filetype) => {
-    const response = await fetch(`/api/get-upload-url?filename=${filename}&filetype=${filetype}`);
-    const data = await response.json();
-    return data.url;
+  
+    const reader = new FileReader();
+  
+    reader.onload = () => {
+      // Get the file contents
+      const fileContents = reader.result;
+  
+      // Create a Blob from the file contents
+      const blob = new Blob([fileContents], { type: selectedFile.type });
+  
+      // Create a file path within the Local_Storage/notes_pdf folder
+      const filePath = `Local_Storage/notes_pdf/${selectedFile.name}`;
+  
+      // Save the file locally
+      saveFileLocally(filePath, blob)
+        .then(() => {
+          setUploadSuccess(true);
+          setUploading(false);
+        })
+        .catch((error) => {
+          console.error('Error saving file:', error);
+        });
+    };
+  
+    reader.readAsArrayBuffer(selectedFile);
   };
-
-  // Function to upload the file to the generated URL
-  const uploadFile = async (url, file) => {
-    await fetch(url, {
-      method: 'PUT',
-      body: file,
-      headers: {
-        'Content-Type': file.type,
-      },
+  
+  const saveFileLocally = (filePath, file) => {
+    return new Promise((resolve, reject) => {
+      const virtualLink = document.createElement('a');
+      virtualLink.href = URL.createObjectURL(file);
+      virtualLink.download = filePath;
+      virtualLink.addEventListener('load', () => {
+        URL.revokeObjectURL(virtualLink.href);
+        resolve();
+      });
+      virtualLink.addEventListener('error', (error) => {
+        reject(error);
+      });
+      document.body.appendChild(virtualLink);
+      virtualLink.click();
+      document.body.removeChild(virtualLink);
     });
   };
+  
 
   return (
     <div className="flex flex-col items-center justify-center h-screen text-center">
-      
       <motion.div
         className="bg-blue-500 text-white py-6 px-6 rounded-lg shadow-lg"
         initial={{ scale: 0 }}
         animate={{ scale: 1 }}
         transition={{ duration: 0.5 }}
       >
-        <Lotte animationData={animationData} style={{width: 400, height: 300}}/>
+        <Lotte animationData={animationData} style={{ width: 400, height: 300 }} />
         <h1 className="text-3xl font-bold mb-4">Upload Notes</h1>
         {!uploadSuccess ? (
           <>
@@ -96,4 +109,4 @@ function UploadNotes() {
   );
 }
 
-export default UploadNotes;
+export default UploadNotes;