canvas added

Author: Mayankk7

front-end/src/App.js

@@ -16,7 +16,7 @@ function App() {
 
           <Route path="/admin/dashboard" element={<AdminDashboard />} />
 
-          <Route path="/signup" element={<Signup />} />
+          <Route path="/" element={<Signup />} />
 
           <Route path="/login/patient" element={<Login />} />
 

front-end/src/Components/Admin/Canvas.js

@@ -2,6 +2,7 @@ import React, { useState, useRef } from "react";
 import { ReactSketchCanvas } from "react-sketch-canvas";
 import logo1 from "../../assets/logo1.svg";
 import { ColorPicker, useColor } from "react-color-palette";
+import emailicon from "../../assets/icons/email.svg"
 import "react-color-palette/lib/css/styles.css";
 import axios from "axios";
 const styles = {
@@ -19,6 +20,7 @@ const Canvas = () => {
   const presData = new FormData();
   presData.append("email", email);
   presData.append("path", prescription);
+  
 
   const exportImage = () => {
     thiscanvas.current
@@ -39,14 +41,18 @@ const Canvas = () => {
     })
       .then((response) => {
         console.log(response);
+        window.location.href="/admin/dashboard"
       })
       .catch((err) => console.log(err));
   };
 
   return (
     <div className="bg-[#E5FFFE]">
-      <img src={logo1} className="p-4" />
+      <img src={logo1} className="p-4" onClick={()=>{
+        window.location.href="/dashboard"
+      }}/>
       <div className="h-[100vh] w-[80vw] m-auto mt-4 overflow ">
+        
         <div className="flex">
           <div className="h-[100vh] w-[80vw] m-2">
             <ReactSketchCanvas

front-end/src/Components/Admin/Header.js

@@ -8,14 +8,17 @@ function Header() {
   const [input, setInput] = useState("");
   const date = new Date().toLocaleDateString();
   var [time,setTime] = useState(new Date());
-
+  const email = localStorage.getItem('email')
   useEffect(() => {
     var timer = setInterval(()=>setTime(new Date()), 1000 )
     return function cleanup() {
         clearInterval(timer)
     }
 
 });
+if(!localStorage.getItem("email")){
+  window.location.href="/login/admin";
+}
   return (
     <div>
       <div className="flex justify-between mb-6">
@@ -24,6 +27,9 @@ function Header() {
         <div className="flex ml-auto ">
           <img className="mr-3 w-8" alt="User" src={User} />
           <h2 className="font-bold">Bruh Singh</h2>
+          <button className="p-2 px-4 ml-2 bg-[#23776E] text-white rounded-lg" onClick={()=>{
+            localStorage.removeItem('email')
+          }}>Sign Out</button>
         </div>
       </div>
       <div className="flex">

front-end/src/Components/Dashboard/Header.js

@@ -9,13 +9,16 @@ function Header() {
   const [input, setInput] = useState("");
   const date = new Date().toLocaleDateString();
   var [time, setTime] = useState(new Date());
-
+  const email = localStorage.getItem('email')
   useEffect(() => {
     var timer = setInterval(() => setTime(new Date()), 1000);
     return function cleanup() {
       clearInterval(timer);
     };
   });
+  if(!localStorage.getItem("email")){
+    window.location.href="/login/patient";
+  }
   return (
     <motion.div
       initial={{ y: -20, opacity: 0 }}
@@ -46,7 +49,10 @@ function Header() {
           className="flex justify-center items-center"
         >
           <img className="mr-3 w-8" alt="User" src={User} />
-          <h2 className="font-bold">Bruh Singh</h2>
+          <h2 className="font-bold">{email}</h2>
+          <button className="p-2 px-4 ml-2 bg-[#23776E] text-white rounded-lg" onClick={()=>{
+            localStorage.removeItem('email')
+          }}>Sign Out</button>
         </motion.div>
       </div>
       <div className="flex">

front-end/src/Components/Dashboard/Prescription.js

@@ -5,7 +5,7 @@ function Prescription() {
   const email = localStorage.getItem("email");
   const emailData = new FormData();
   emailData.append("email", email);
-  const [pres, setPres] = useState();
+  const [Pres, setPres] = useState([]);
 
   useEffect(() => {
     axios({
@@ -23,10 +23,11 @@ function Prescription() {
   return (
     <div className="w-[70vw] h-[70vh] p-4 m-4 bg-[#75c6bc7e] overflow-y-scroll  rounded-2xl">
       <div className="mb-2 font-extrabold text-[#499189] ">Prescription</div>
-      <div className="mb-6 font-extrabold text-[#499189]">John Doe</div>
+      <div className="mb-6 font-extrabold text-[#499189] ">John Doe</div>
       <div>
-        {pres.map((p) => {
-          return <img src={p} alt="Prescription" />;
+        {Pres.map((p) => {
+          return <>
+          <img src={p} alt="Prescription" className="mx-auto"/></>;
         })}
       </div>
     </div>

front-end/src/Components/LogininDoc.js

@@ -15,10 +15,11 @@ const LoginAdmin = () => {
   const [email, setemail] = useState("");
   const [password, setpassword] = useState("");
   const [show, setshow] = useState(false);
-
+  
   const handleSubmit = (e) => {
     e.preventDefault();
     const signUpData = new FormData();
+    localStorage.setItem('demail',email)
     console.log(email, password);
     signUpData.append("email", email);
     signUpData.append("password", password);

front-end/src/Components/Signup.js

@@ -165,7 +165,7 @@ const Signup = () => {
                 <p className="mr-1">Already have an account? </p>
                 <strong>
                   <a href="/login/patient" className="text-[#23776E]">
-                    Login
+                    Sign Up
                   </a>
                 </strong>
               </div>