No Record Yet
+{snap.allergyData}
setShow(true)}>
diff --git a/src/components/AllergyModal.js b/src/components/AllergyModal.js
index 44175d9..4552d48 100644
--- a/src/components/AllergyModal.js
+++ b/src/components/AllergyModal.js
@@ -1,9 +1,58 @@
-import React from "react";
+import React, { useState } from "react";
+import { ethers, BigNumber } from 'ethers';
+import contractABI from "./contractABI.json";
+
const AllergyModal = (props) => {
+ const [allergyDetails, setAllergyDetails] = useState({
+ allergyName: "",
+ description: "",
+ startDate: "",
+ medication: "",
+ });
+ const contractAddress = '0x8084B71fd847053621f36a3A87DDC885f45A467D';
+ const contractAbi = contractABI;
+ const provider = new ethers.providers.Web3Provider(window.ethereum);
+ const signer = provider.getSigner();
+
+
if (!props.show) {
return null;
}
+
+
+
+ const addAllergy = async () => {
+ try {
+ const contract = new ethers.Contract(contractAddress, contractAbi, signer);
+ const { allergyName, description, startDate, medication } = allergyDetails;
+
+ const startDateValue = BigNumber.from(Date.parse(startDate) / 1000);
+ await contract.addAllergy(allergyName, description, startDateValue, medication);
+
+ setAllergyDetails({
+ allergyName: "",
+ description: "",
+ startDate: "",
+ medication: "",
+ });
+
+ alert("Allergy added successfully!");
+
+ props.onClose();
+ } catch (error) {
+ console.error("Error adding allergy:", error);
+ alert("Error adding allergy. Please try again.");
+ }
+ };
+
+ const handleInputChange = (e) => {
+ setAllergyDetails({
+ ...allergyDetails,
+ [e.target.name]: e.target.value,
+ });
+ };
+
return (
e.stopPropagation()}>
@@ -11,31 +60,42 @@ const AllergyModal = (props) => {
Add Allergy
-
Allergy Type
- - -Diagnosed date
- - - - +Allergy Name
+ +Description
+ +Start Date
+ +Medication
+
-
+
diff --git a/src/components/DashboardLayout.js b/src/components/DashboardLayout.js
index 0963510..1a4d9cf 100644
--- a/src/components/DashboardLayout.js
+++ b/src/components/DashboardLayout.js
@@ -1,16 +1,10 @@
-import React, { useEffect } from "react";
+import React from "react";
import "../css/styles.css";
import SideBar from "../components/SideBar";
+import { Outlet } from "react-router-dom";
import Navbar from "../components/NavBar";
-import { Outlet, useNavigate } from "react-router-dom";
const DashboardLayout = () => {
- const navigate = useNavigate();
- useEffect(() => {
- // navigate("/connectwallet");
- // eslint-disable-next-line react-hooks/exhaustive-deps
- }, []);
-
return (
e.stopPropagation()}>
@@ -11,20 +54,26 @@ const DisabilitiesModal = (props) => {
Add Disability
-
Disability Type
- -Learning Disability
-Diagnosed date
- - - +Disability
+ +Diagnosis date
+ +Description
+ +Medication
+
-
+
+ {errorMessage && {errorMessage}
}
+
+
+
+
+
+
+ );
+};
+
+export default InfoSection;
diff --git a/src/components/MyRecordAllergies.js b/src/components/MyRecordAllergies.js
new file mode 100644
index 0000000..bd944a5
--- /dev/null
+++ b/src/components/MyRecordAllergies.js
@@ -0,0 +1,17 @@
+import no_records from "../images/no_record.png";
+
+const MyRecordAllergies = () => {
+ return (
+ <>
+ Blood Group
+ +Genotype
+ +Weight (kg)
+ +Allergies
+ +
+ 
+
+
+
+ );
+};
+
+export default MyRecordAllergies;
diff --git a/src/components/MyRecordDisabilities.js b/src/components/MyRecordDisabilities.js
new file mode 100644
index 0000000..9ea8a4b
--- /dev/null
+++ b/src/components/MyRecordDisabilities.js
@@ -0,0 +1,72 @@
+import React, { useState, useEffect } from "react";
+import no_records from "../images/no_record.png";
+import { ethers } from "ethers";
+import contractAbi from "./contractABI.json";
+
+const GetDisability = () => {
+ const [disability, setDisability] = useState(null);
+ const [diagnosisDate, setDiagnosisDate] = useState(null);
+ const [description, setDescription] = useState(null);
+ const [medication, setMedication] = useState(null);
+ const [patientAddress, setPatientAddress] = useState(null);
+
+ const contractAddress = "0x8084B71fd847053621f36a3A87DDC885f45A467D";
+ const contractABI = contractAbi;
+ const provider = new ethers.providers.Web3Provider(window.ethereum);
+ const signer = provider.getSigner();
+ const contract = new ethers.Contract(contractAddress, contractABI, signer);
+
+ useEffect(() => {
+ const fetchPatientAddress = async () => {
+ try {
+ const accounts = await window.ethereum.request({
+ method: "eth_requestAccounts",
+ });
+ const address = accounts[0];
+ setPatientAddress(address);
+ } catch (error) {
+ console.error("Error fetching patient address:", error);
+ }
+ };
+
+ fetchPatientAddress();
+ }, []);
+
+ const handleClick = async () => {
+ try {
+ const fetchedData = await contract.getDisability(patientAddress);
+ const [disability, diagnosisDate, description, medication] = fetchedData;
+ setDisability(disability);
+ setDiagnosisDate(diagnosisDate.toNumber());
+ setDescription(description);
+ setMedication(medication);
+ } catch (error) {
+ console.error("Error retrieving disability:", error);
+ }
+ };
+
+ return (
+ <>
+ No Record Yet
+Disabilities
+
+ {disability ? (
+
+
+
+
+ );
+};
+
+export default GetDisability;
diff --git a/src/components/MyRecordOtherInformation.js b/src/components/MyRecordOtherInformation.js
new file mode 100644
index 0000000..cca1f68
--- /dev/null
+++ b/src/components/MyRecordOtherInformation.js
@@ -0,0 +1,18 @@
+import React from "react";
+import no_records from "../images/no_record.png";
+
+const MyRecordOtherInformation = () => {
+ return (
+ <>
+
+ 
+
+ ) : (
+ <>
+ Disability: {disability}
+Diagnosis Date: {diagnosisDate}
+Description: {description}
+Medication: {medication}
+No Record Yet
+ + )} +Other Informations
+ +
+
+
+
+
+ );
+};
+
+export default MyRecordOtherInformation;
diff --git a/src/components/MyRecordsBloodGroup.js b/src/components/MyRecordsBloodGroup.js
new file mode 100644
index 0000000..e560ca1
--- /dev/null
+++ b/src/components/MyRecordsBloodGroup.js
@@ -0,0 +1,12 @@
+import React from "react";
+
+const MyRecordsBloodGroup = () => {
+ return (
+ No Record Yet
+
+
+ );
+};
+
+export default MyRecordsBloodGroup;
diff --git a/src/components/MyRecordsGenotype.js b/src/components/MyRecordsGenotype.js
new file mode 100644
index 0000000..5c546e4
--- /dev/null
+++ b/src/components/MyRecordsGenotype.js
@@ -0,0 +1,12 @@
+import React from "react";
+
+const MyRecordsGenotype = () => {
+ return (
+ Blood Group
+ +
+
+ );
+};
+
+export default MyRecordsGenotype;
diff --git a/src/components/MyRecordsWeight.js b/src/components/MyRecordsWeight.js
new file mode 100644
index 0000000..0396b61
--- /dev/null
+++ b/src/components/MyRecordsWeight.js
@@ -0,0 +1,12 @@
+import React from "react";
+
+const MyRecordsWeight = () => {
+ return (
+ Genotype
+ +
+
+ );
+};
+
+export default MyRecordsWeight;
diff --git a/src/components/NavBar.js b/src/components/NavBar.js
index 497d42c..ab9bdc9 100644
--- a/src/components/NavBar.js
+++ b/src/components/NavBar.js
@@ -4,11 +4,10 @@ import { useSnapshot } from "valtio";
const NavBar = () => {
const snap = useSnapshot(store);
- // const fullName = `${snap.userData.fullName} ${snap.userData.fullName}`;
+ const fullName = `${snap.userData.fullName}`;
return (
Weight (kg)
+ +
- {/*
);
};
diff --git a/src/components/OtherInformationModal.js b/src/components/OtherInformationModal.js
index 2d49500..9291757 100644
--- a/src/components/OtherInformationModal.js
+++ b/src/components/OtherInformationModal.js
@@ -1,25 +1,96 @@
-import React from "react";
+import React, { useState } from "react";
+import { ethers } from "ethers";
+import contractABI from "./contractABI.json";
+
+const AddOtherInformation = (props) => {
+ const [title, setTitle] = useState("");
+ const [diagnosedDate, setDiagnosedDate] = useState("");
+ const [disease, setDisease] = useState("");
+ const [description, setDescription] = useState("");
+ const [medication, setMedication] = useState("");
+
+ const provider = new ethers.providers.Web3Provider(window.ethereum);
+ const signer = provider.getSigner();
+
+ const contractAddress = "0x8084B71fd847053621f36a3A87DDC885f45A467D";
+ const contractAbi = contractABI;
+
+ const addOtherInformation = async () => {
+ try {
+ const contract = new ethers.Contract(contractAddress, contractAbi, signer);
+
+ // Call the addOtherInformation function
+ await contract.addOtherInformation(
+ title,
+ Date.parse(diagnosedDate) / 1000,
+ disease,
+ description,
+ medication
+ );
+
+ // Clear the form inputs
+ setTitle("");
+ setDiagnosedDate("");
+ setDisease("");
+ setDescription("");
+ setMedication("");
+
+ // Trigger the onClose callback to close the modal
+ props.onClose();
+ } catch (error) {
+ console.error(error);
+ }
+ };
-const OtherInformationModal = (props) => {
if (!props.show) {
return null;
}
+
return (
{fullName}
*/} -Hello
+{fullName}
e.stopPropagation()}>
-
Title
- +Any other Disease state?
+
Title
+ setTitle(e.target.value)} + />Diagnosed date
- - - - + setDiagnosedDate(e.target.value)} + /> +Disease
+ setDisease(e.target.value)} + /> +Description
+ setDescription(e.target.value)} + /> +Medication
+ setMedication(e.target.value)} + />
-
+
@@ -29,4 +100,4 @@ const OtherInformationModal = (props) => {
);
};
-export default OtherInformationModal;
+export default AddOtherInformation;
diff --git a/src/components/SideBar.js b/src/components/SideBar.js
index 5cf2f8c..b57ffe0 100644
--- a/src/components/SideBar.js
+++ b/src/components/SideBar.js
@@ -6,7 +6,7 @@ import medical from "../images/view.png";
import access from "../images/access.png";
import logout from "../images/logout.png";
import "../css/styles.css";
-import { Link, useMatch, useResolvedPath } from "react-router-dom";
+import { Link, useMatch, useResolvedPath, NavLink } from "react-router-dom";
const SideBar = () => {
return (
@@ -14,19 +14,39 @@ const SideBar = () => {
-
-
View Medical Record
My Records
Manage Access
Authorized Access
+Logout
+
+
+
+
+
+
+
+
+ );
+};
+
+export default AddPatientRecord;
diff --git a/src/components/contractABI.json b/src/components/contractABI.json
new file mode 100644
index 0000000..afa9309
--- /dev/null
+++ b/src/components/contractABI.json
@@ -0,0 +1,242 @@
+[
+ {
+ "inputs": [
+ { "internalType": "string", "name": "_allergyName", "type": "string" },
+ { "internalType": "string", "name": "_description", "type": "string" },
+ { "internalType": "uint256", "name": "_startDate", "type": "uint256" },
+ { "internalType": "string", "name": "_medication", "type": "string" }
+ ],
+ "name": "addAllergy",
+ "outputs": [],
+ "stateMutability": "nonpayable",
+ "type": "function"
+ },
+ {
+ "inputs": [
+ { "internalType": "string", "name": "_disability", "type": "string" },
+ {
+ "internalType": "uint256",
+ "name": "_diagnosisDate",
+ "type": "uint256"
+ },
+ { "internalType": "string", "name": "_description", "type": "string" },
+ { "internalType": "string", "name": "_medication", "type": "string" }
+ ],
+ "name": "addDisability",
+ "outputs": [],
+ "stateMutability": "nonpayable",
+ "type": "function"
+ },
+ {
+ "inputs": [
+ { "internalType": "string", "name": "_title", "type": "string" },
+ {
+ "internalType": "uint256",
+ "name": "_diagnosedDate",
+ "type": "uint256"
+ },
+ { "internalType": "string", "name": "_disease", "type": "string" },
+ { "internalType": "string", "name": "_description", "type": "string" },
+ { "internalType": "string", "name": "_medication", "type": "string" }
+ ],
+ "name": "addOtherInformation",
+ "outputs": [],
+ "stateMutability": "nonpayable",
+ "type": "function"
+ },
+ {
+ "inputs": [
+ { "internalType": "string", "name": "_bloodGroup", "type": "string" },
+ { "internalType": "string", "name": "_genotype", "type": "string" },
+ { "internalType": "uint256", "name": "_weight", "type": "uint256" }
+ ],
+ "name": "addPatientRecord",
+ "outputs": [],
+ "stateMutability": "nonpayable",
+ "type": "function"
+ },
+ {
+ "inputs": [
+ {
+ "internalType": "address",
+ "name": "_patientAddress",
+ "type": "address"
+ }
+ ],
+ "name": "getAllInfo",
+ "outputs": [
+ { "internalType": "string", "name": "", "type": "string" },
+ { "internalType": "string", "name": "", "type": "string" },
+ { "internalType": "uint256", "name": "", "type": "uint256" },
+ {
+ "components": [
+ { "internalType": "string", "name": "allergyName", "type": "string" },
+ { "internalType": "uint256", "name": "startDate", "type": "uint256" },
+ { "internalType": "string", "name": "description", "type": "string" },
+ { "internalType": "string", "name": "medication", "type": "string" }
+ ],
+ "internalType": "struct PatientRecords.Allergy[]",
+ "name": "",
+ "type": "tuple[]"
+ },
+ {
+ "components": [
+ {
+ "internalType": "string",
+ "name": "disabilityName",
+ "type": "string"
+ },
+ {
+ "internalType": "uint256",
+ "name": "diagnosisDate",
+ "type": "uint256"
+ },
+ { "internalType": "string", "name": "description", "type": "string" },
+ { "internalType": "string", "name": "medication", "type": "string" }
+ ],
+ "internalType": "struct PatientRecords.Disability[]",
+ "name": "",
+ "type": "tuple[]"
+ },
+ {
+ "components": [
+ { "internalType": "string", "name": "title", "type": "string" },
+ {
+ "internalType": "uint256",
+ "name": "diagnosedDate",
+ "type": "uint256"
+ },
+ { "internalType": "string", "name": "disease", "type": "string" },
+ { "internalType": "string", "name": "description", "type": "string" },
+ { "internalType": "string", "name": "medication", "type": "string" }
+ ],
+ "internalType": "struct PatientRecords.OtherInformation[]",
+ "name": "",
+ "type": "tuple[]"
+ }
+ ],
+ "stateMutability": "view",
+ "type": "function"
+ },
+ {
+ "inputs": [
+ {
+ "internalType": "address",
+ "name": "_patientAddress",
+ "type": "address"
+ }
+ ],
+ "name": "getAllergy",
+ "outputs": [
+ {
+ "components": [
+ { "internalType": "string", "name": "allergyName", "type": "string" },
+ { "internalType": "uint256", "name": "startDate", "type": "uint256" },
+ { "internalType": "string", "name": "description", "type": "string" },
+ { "internalType": "string", "name": "medication", "type": "string" }
+ ],
+ "internalType": "struct PatientRecords.Allergy[]",
+ "name": "",
+ "type": "tuple[]"
+ }
+ ],
+ "stateMutability": "view",
+ "type": "function"
+ },
+ {
+ "inputs": [],
+ "name": "getAuthorizedAddresses",
+ "outputs": [
+ { "internalType": "string[]", "name": "", "type": "string[]" },
+ { "internalType": "address[]", "name": "", "type": "address[]" }
+ ],
+ "stateMutability": "view",
+ "type": "function"
+ },
+ {
+ "inputs": [
+ {
+ "internalType": "address",
+ "name": "_patientAddress",
+ "type": "address"
+ }
+ ],
+ "name": "getDisability",
+ "outputs": [
+ { "internalType": "string", "name": "", "type": "string" },
+ { "internalType": "uint256", "name": "", "type": "uint256" },
+ { "internalType": "string", "name": "", "type": "string" },
+ { "internalType": "string", "name": "", "type": "string" }
+ ],
+ "stateMutability": "view",
+ "type": "function"
+ },
+ {
+ "inputs": [
+ {
+ "internalType": "address",
+ "name": "_patientAddress",
+ "type": "address"
+ }
+ ],
+ "name": "getOtherInformation",
+ "outputs": [
+ { "internalType": "string", "name": "", "type": "string" },
+ { "internalType": "uint256", "name": "", "type": "uint256" },
+ { "internalType": "string", "name": "", "type": "string" },
+ { "internalType": "string", "name": "", "type": "string" },
+ { "internalType": "string", "name": "", "type": "string" }
+ ],
+ "stateMutability": "view",
+ "type": "function"
+ },
+ {
+ "inputs": [
+ {
+ "internalType": "address",
+ "name": "_patientAddress",
+ "type": "address"
+ }
+ ],
+ "name": "getPatientRecord",
+ "outputs": [
+ { "internalType": "string", "name": "", "type": "string" },
+ { "internalType": "string", "name": "", "type": "string" },
+ { "internalType": "uint256", "name": "", "type": "uint256" }
+ ],
+ "stateMutability": "view",
+ "type": "function"
+ },
+ {
+ "inputs": [
+ { "internalType": "string", "name": "_name", "type": "string" },
+ { "internalType": "address", "name": "_address", "type": "address" }
+ ],
+ "name": "grantAccess",
+ "outputs": [],
+ "stateMutability": "nonpayable",
+ "type": "function"
+ },
+ {
+ "inputs": [
+ {
+ "internalType": "address",
+ "name": "_patientAddress",
+ "type": "address"
+ }
+ ],
+ "name": "hasAccess",
+ "outputs": [{ "internalType": "bool", "name": "", "type": "bool" }],
+ "stateMutability": "view",
+ "type": "function"
+ },
+ {
+ "inputs": [
+ { "internalType": "address", "name": "_address", "type": "address" }
+ ],
+ "name": "revokeAccess",
+ "outputs": [],
+ "stateMutability": "nonpayable",
+ "type": "function"
+ }
+]
diff --git a/src/containers/header/Header.jsx b/src/containers/header/Header.jsx
index cc4625c..4acf2ab 100644
--- a/src/containers/header/Header.jsx
+++ b/src/containers/header/Header.jsx
@@ -1,24 +1,32 @@
-import React from 'react';
-import { Link } from 'react-router-dom'
-import './header.css';
-import Image2 from '../../assets/image2.png'
+import React from "react";
+import { Link } from "react-router-dom";
+import "./header.css";
+import Image2 from "../../assets/image2.png";
const Header = () => {
return (
-
+
+ Blood Group
+ +
+
+ Genotype
+ +
+
+ Weight (kg)
+ +
- theme.zIndex.drawer + 1 }}
- open
- >
- )
- :
- null
- }
+ {loading ? (
+ theme.zIndex.drawer + 1,
+ }}
+ open
+ >
+
+ ) : null}
{
// (signupDetails.status==="fail") ?
// ({signupDetails.message}) :
// ({signupDetails.status})
- loginDetails.status === "success" ?
- navigate("/connectwallet")
- : (
+ loginDetails.status === "success" ? (
+ navigate("/connectwallet")
+ ) : (
{loginDetails.message}
)
}
@@ -230,43 +131,4 @@ const Loginpage = () => {
);
};
-// const Loginpage = (props) => {
-// const [email, setEmail] = useState('');
-// const [pass, setPass] = useState('');
-
-// const handleSubmit = (e) => {
-// e.preventDefault();
-// console.log(email);
-// }
-
-// return (
-//
);
-}
-
-// const Registerpage = (props) => {
-// const [email, setEmail] = useState("");
-// const [pass, setPass] = useState("");
-// const [name, setName] = useState("");
-
-// const handleSubmit = (e) => {
-// e.preventDefault();
-// console.log(email);
-
-// return (
-//
-
- {
- loading ? (Take your Medical record to the next level with Web3 Technology.
-Medisync simplifies healthcare by collecting data , processing it and saving on the blockchain
-
-
-
+
+
- )
-}
+ );
+};
-export default Header
\ No newline at end of file
+export default Header;
diff --git a/src/containers/header/header.css b/src/containers/header/header.css
index c2a1d84..583c647 100644
--- a/src/containers/header/header.css
+++ b/src/containers/header/header.css
@@ -4,6 +4,7 @@
background: #F6F6F6;
padding: 30px 40px;
font-family: var(--font-family);
+ margin-top: 20px;
}
.medisync__header-content {
@@ -23,26 +24,27 @@
.medisync__header-content h1 {
font-weight: 500;
- font-size: 48px;
- line-height: 72px;
+ font-size: 30px;
+ line-height: 52px;
color: #FFFFFF;
cursor:default;
}
.medisync__header-content p {
font-weight: 500;
- font-size: 20px;
- line-height: 28px;
+ font-size: 15px;
+ line-height: 1.5rem;
+ padding: 0 50px 0 0;
color: #FFFFFF;
margin: 0 90px 0 0;
cursor: default;
}
.medisync__header-content__demo button {
- padding: 15px 26px;
+ padding: 5px 10px;
margin-top: 32px;
font-weight: 600;
- font-size: 20px;
+ font-size: 12px;
line-height: 32px;
color: #436CDF;
border: none;
diff --git a/src/containers/index.js b/src/containers/index.js
index 0abd931..e3e7844 100644
--- a/src/containers/index.js
+++ b/src/containers/index.js
@@ -1,18 +1,18 @@
-export { default as Benefits } from './benefits/Benefits';
-export { default as Demo } from './demo/Demo';
-export { default as Feedback } from './feedback/Feedback';
-export { default as Footer } from './footer/Footer';
-export { default as Header } from './header/Header';
-export { default as Joinus } from './joinus/Joinus';
-export { default as Whyus } from './whyus/Whyus';
-export { default as Ourservices } from './ourservices/Ourservices';
-export { default as Aboutus } from './aboutus/Aboutus';
-export { default as Whatweb3 } from './whatweb3/Whatweb3';
-export { default as Thedemo } from './thedemo/Thedemo';
-export { default as Feature } from './feature/Feature';
-export { default as Navbar } from './navbar/Navbar';
-export { default as Welcomepage } from './welcomepage/Welcomepage';
-export { default as Registerpage } from './registerpage/Registerpage';
-export { default as Loginpage } from './loginpage/Loginpage';
-export { default as Wallet } from './wallet/Wallet';
-export { default as WalletDr } from './walletdr/WalletDr';
\ No newline at end of file
+export { default as Benefits } from "./benefits/Benefits";
+export { default as Demo } from "./demo/Demo";
+export { default as Feedback } from "./feedback/Feedback";
+export { default as Footer } from "./footer/Footer";
+export { default as Header } from "./header/Header";
+export { default as Joinus } from "./joinus/Joinus";
+export { default as Whyus } from "./whyus/Whyus";
+export { default as Ourservices } from "./ourservices/Ourservices";
+export { default as Aboutus } from "./aboutus/Aboutus";
+export { default as Whatweb3 } from "./whatweb3/Whatweb3";
+export { default as Thedemo } from "./thedemo/Thedemo";
+export { default as Feature } from "./feature/Feature";
+export { default as Navbar } from "./navbar/Navbar";
+export { default as Welcomepage } from "./welcomepage/Welcomepage";
+export { default as Registerpage } from "./registerpage/Registerpage";
+export { default as Loginpage } from "./loginpage/Loginpage";
+export { default as Wallet } from "./wallet/Wallet";
+export { default as WalletDr } from "./walletdr/WalletDr";
diff --git a/src/containers/loginpage/Loginpage.jsx b/src/containers/loginpage/Loginpage.jsx
index a0036c5..dc7c8cc 100644
--- a/src/containers/loginpage/Loginpage.jsx
+++ b/src/containers/loginpage/Loginpage.jsx
@@ -2,143 +2,43 @@ import React, { useState } from "react";
import "./loginpage.css";
import { Link, useNavigate } from "react-router-dom";
-import Login from "../../assets/login.jpg";
+import Welcome from "../../assets/Welcome2.png";
import Navbar from "../navbar/Navbar";
-import { useSnapshot } from "valtio";
-import state from "../../store/Index";
-import { logIN } from "../../api/auth";
+import { logIn } from "../../api/auth";
import store from "../../store/Index";
import { toast } from "react-toastify";
-import Welcome from "../../assets/welcome.jpg";
-import { RiEyeOffFill, RiEyeFill } from "react-icons/ri";
-import Backdrop from '@mui/material/Backdrop';
-import CircularProgress from '@mui/material/CircularProgress';
+import { RiEyeFill, RiEyeOffFill } from "react-icons/ri";
+import Backdrop from "@mui/material/Backdrop";
+import CircularProgress from "@mui/material/CircularProgress";
const Loginpage = () => {
- // const [email, setEmail] = useState('');
- // const [password, setPassword] = useState('');
- // const [error, setError] = useState('');
-
- // const handleSubmit = async (e) => {
- // e.preventDefault();
-
- // try {
- // const response = await axios.post('https://medisync-instance.onrender.com/api/v1/user/login', {
- // email,
- // password
- // });
-
- // // Handle the successful login response
- // console.log(response.data);
- // } catch (error) {
- // // Handle the error
- // setError('Invalid email or password');
- // }
-
- // };
-
const navigate = useNavigate();
-
- const [loading,setLoading] = useState(false);
+ const [loading, setLoading] = useState(false);
const [loginDetails, setLoginDetails] = useState({
email: "",
password: "",
});
-
- const [profile, setProfile] = useState();
-
- const snap = useSnapshot(state);
-
-
- // handle loading effect
- // const openLoading = () => {
- // setLoading(true)
- // }
-
- // const closeLoading = () => {
- // setLoading(false)
- // }
-
- // if(loading){
- // setTimeout(()=>{
- // setLoading(false)
- // },
- // 6000);
- // }
-
- const handleChange = (ev) => {
- setLoginDetails((prevData) =>({
- ...prevData,[ev.target.name] : ev.target.value
- }));
- };
-
- // const handleChange = (ev) => {
- // setLoginDetails({
- // ...loginDetails,
- // [ev.target.name]: ev.target.value,
- // });
- // };
-
- // console.log({ loginDetails });
- // console.log(profile);
+ const handleChange = (ev) => {
+ setLoginDetails({
+ ...loginDetails,
+ [ev.target.name]: ev.target.value,
+ });
+ };
const handleSubmit = async (e) => {
e.preventDefault();
-
- const data = {
- email:loginDetails.email,
- password:loginDetails.password,
- }
- setLoading(true)
+ setLoading(true);
try {
- const res=await fetch('https://medisync-instance.onrender.com/api/v1/user/login',{
- method:"POST",
- headers:{
- 'Content-Type':'application/json',
- 'Access-Control-Allow-Origin':'*'
- },
- body:JSON.stringify(data)
- })
- const userData=await res.json()
- setLoginDetails((prev)=>{
- return{...prev, ...userData}
- })
- setLoading(false)
+ const res = await logIn(loginDetails);
+ localStorage.setItem("token", res.token);
+ store.userData = res.data.data.user;
+ navigate("/connectwallet");
} catch (error) {
- setLoading(false)
- console.log(error)
+ setLoading(false);
+ toast.error(error);
}
- // fetch('https://medisync-instance.onrender.com/api/v1/user/login',{
- // method:"POST",
- // headers:{
- // 'Content-Type':'application/json',
- // 'Access-Control-Allow-Origin':'*'
- // },
- // body:JSON.stringify(data)
- // })
- // .then((response)=>{
- // return response.json();
- // })
- // .then((userData)=>{
- // // console.log(userData.data.user.id)
- // setLoginDetails(userData);
- // })
- // .catch((err)=>{
- // console.log("Not sent", err)
- // })
-
- // try {
- // const res = await logIN(loginDetails);
- // console.log("loginres", res);
- // store.userLoginData = res.data.data.user;
- // console.log("details", res.data);
- // } catch (error) {
- // toast.error(error);
- // }
-
- // e.target.reset();
-
+ e.target.reset();
};
const [showPassword, setShowPassword] = useState(false);
@@ -184,32 +84,33 @@ const Loginpage = () => {
required
className="button"
/>
-
+
+
+
+ Take your Medical record to the next
+
-
+ Take your Medical record to the next
level with Web3
+ Technology.
+
+ + Medisync simplifies healthcare by collecting data , processing it and + saving on the blockchain +
+
+
+
+
+
- 
-
+
+
+
-//
-// )
-// }
-
export default Loginpage;
diff --git a/src/containers/loginpage/loginpage.css b/src/containers/loginpage/loginpage.css
index 26f4a8c..df7cdd6 100644
--- a/src/containers/loginpage/loginpage.css
+++ b/src/containers/loginpage/loginpage.css
@@ -47,7 +47,7 @@ body {
}
.login-form input {
- width: 340px;
+ width: 375px;
height: 35px;
background: #E8EDFB;
border: 2px solid #436CDF;
@@ -85,7 +85,7 @@ body {
}
.password input {
- width: 310px;
+ width: 339px;
border-right: none;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
@@ -93,11 +93,11 @@ body {
border-top-right-radius: 0;
}
-.password span {
+.password button {
background: none;
color: #4e4e4e;
- width: 20px;
- height: 15px;
+ width: 40px;
+ height:41px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 0;
@@ -115,6 +115,11 @@ body {
transition: 0.6s;
}
+.password button:hover {
+ background: none;
+ color: #4e4e4e;
+}
+
.medisync__loginpage-login {
display: flex;
background: none;
@@ -128,6 +133,12 @@ body {
padding-left: 10px;
}
+.medisync__loginpage-login span {
+ font-weight: 600;
+ color: #7209B7;
+ cursor: pointer;
+}
+
.medisync__loginpage-body_image {
min-width: 50%;
margin: 0 0 30px 0;
@@ -166,11 +177,11 @@ body {
}
.login-form button {
- width: 270px;
+ width: 260px;
}
.password input {
- width: 225px;
+ width: 210px;
}
.password button {
diff --git a/src/containers/navbar/navbar.css b/src/containers/navbar/navbar.css
index dde423d..8d48a08 100644
--- a/src/containers/navbar/navbar.css
+++ b/src/containers/navbar/navbar.css
@@ -47,6 +47,12 @@
display: flex;
justify-content: space-between;
align-items: center;
+ position: fixed;
+ right: 0;
+ left: 0;
+ top: 0;
+ background-color: white;
+ padding: 0 40px;
}
.medisync__navbar-left {
@@ -65,14 +71,14 @@
.medisync__navbar-links {
display: flex;
- justify-content: flex;
+ margin-left: 120px;
}
.medisync__navbar-links p {
color: #1B1A1A;
font-family: var(--font-family);
font-weight: 400;
- font-size: 16px;
+ font-size: 12px;
line-height: 28px;
padding-left: 40px;
cursor: pointer;
@@ -100,13 +106,13 @@
.medisync__navbar-right button,
.medisync__navbar-menu_container-links-wallet button {
- padding: 5px 40px;
- margin-left: 10px;
+ padding: 0 10px;
color: #fff;
+ margin-left: -10px;
font-family: var(--font-family);
font-style: normal;
font-weight: 700;
- font-size: 16px;
+ font-size: 12px;
line-height: 32px;
background: #436CDF;
border-radius: 5px;
diff --git a/src/containers/registerpage/Registerpage.jsx b/src/containers/registerpage/Registerpage.jsx
index 1afef66..a6b610a 100644
--- a/src/containers/registerpage/Registerpage.jsx
+++ b/src/containers/registerpage/Registerpage.jsx
@@ -12,119 +12,35 @@ import { snapshot } from "valtio";
import Backdrop from '@mui/material/Backdrop';
import CircularProgress from '@mui/material/CircularProgress';
-// import axios from 'axios';
-
const Registerpage = () => {
-const navigate = useNavigate();
-
+ const navigate = useNavigate();
const [loading,setLoading] = useState(false);
const [signupDetails, setSignupDetails] = useState({
fullName: "",
email: "",
password: "",
- confirmPassword:""
+ confirmPassword: "",
});
-
- // handle loading effect
- // const openLoading = () => {
- // setLoading(true)
- // }
-
- // const closeLoading = () => {
- // setLoading(false)
- // }
-
- // if(loading){
- // setTimeout(()=>{
- // setLoading(false)
- // },
- // 6000);
- // }
-
-
- // const handleChange = (ev) => {
- // setSignupDetails({
- // ...signupDetails,
- // [ev.target.name]: ev.target.value,
- // });
-
- // };
-
const handleChange = (ev) => {
- setSignupDetails((prevData) =>({
- ...prevData,[ev.target.name] : ev.target.value
- }));
+ setSignupDetails({
+ ...signupDetails,
+ [ev.target.name]: ev.target.value,
+ });
};
-
-
const handleSubmit = async (e) => {
e.preventDefault();
- console.log(signupDetails, "Signup Estate")
- const data = {
- fullName:signupDetails.fullName,
- email:signupDetails.email,
- password:signupDetails.password,
- confirmPassword:signupDetails.confirmPassword
- }
- setLoading(true)
try {
- const res=await fetch('https://medisync-instance.onrender.com/api/v1/user/signup',{
- method:"POST",
- headers:{
- 'Content-Type':'application/json',
- 'Access-Control-Allow-Origin':'*'
- },
- body:JSON.stringify(data)
- })
- const userData=await res.json()
- setSignupDetails((prev)=>{
- return{...prev, ...userData}
- })
- setLoading(false)
- } catch (error) {
- setLoading(false)
- console.log(error)
+ const res = await signUp(signupDetails);
+ localStorage.setItem("token", res.data.token);
+ store.userData = res.data.data.user;
+ navigate("/connectwallet");
+ } catch (e) {
+ toast.error(e);
}
-
- // fetch('https://medisync-instance.onrender.com/api/v1/user/signup',{
- // method:"POST",
- // headers:{
- // 'Content-Type':'application/json',
- // 'Access-Control-Allow-Origin':'*'
- // },
- // body:JSON.stringify(data)
- // })
- // .then((response)=>{
- // return response.json();
- // })
- // .then((userData)=>{
- // // console.log(userData.data.user.id)
- // // setSignupDetails(userData);
- // setSignupDetails((prev)=>{
- // return{...prev, ...userData}
- // })
- // })
- // .catch((err)=>{
- // console.log("Not sent", err)
- // })
-
- // try {
- // const res = await signUp(signupDetails);
- // localStorage.setItem("token", res.data.token);
- // store.userData = res.data.data.user;
- // navigate("/connectwallet");
- // } catch (e) {
- // toast.error(e);
- // }
-
- // e.target.reset();
};
-
- // const userid = localStorage.setItem("id", signupDetails.data);
- // console.log(userid)
-//To toggle the Paasword visibility
+ //To toggle the Paasword visibility
const [showPassword, setShowPassword] = useState(false);
const togglePasswordVisibility = () => {
@@ -135,18 +51,14 @@ const navigate = useNavigate();
-// 
-//
-//
-//
-//
-//
-// Login
- -// -// -// -// -//
-// 
-//
-//
- {/*
-
+
{/* {signupDetails.message} */}
{
loading ? ( theme.zIndex.drawer + 1 }}
- open
+ open onClick={closeLoading}
>
)
@@ -240,70 +151,7 @@ const navigate = useNavigate();
-
-
-
-
*/}
+
Get Started
Fill the form below to sign up
-//
-// );
-// };
-// };
+};
export default Registerpage;
diff --git a/src/containers/registerpage/registerpage.css b/src/containers/registerpage/registerpage.css
index c21e711..791f701 100644
--- a/src/containers/registerpage/registerpage.css
+++ b/src/containers/registerpage/registerpage.css
@@ -76,6 +76,7 @@ body {
background: #436CDF;
border: none;
border-radius: 8px;
+
font-weight: 500;
font-size: 16px;
line-height: 28px;
@@ -93,7 +94,7 @@ body {
}
.password input {
- width: 310px;
+ width: 300px;
height: 35px;
border-right: none;
border-top-left-radius: 8px;
@@ -102,11 +103,11 @@ body {
border-top-right-radius: 0;
}
-.password span {
+.password button {
background: none;
color: #4e4e4e;
- width: 20px;
- height: 15px;
+ width: 40px;
+ height:41px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 0;
@@ -121,22 +122,32 @@ body {
.register-form button:hover {
background: #c9c9c9;
color: #383838;
- transition: 1s;
}
-.medisync__registerpage-signup {
+.password button:hover {
+ background: none;
+ color: #4e4e4e;
+}
+
+.medisync__registerpage-login {
display: flex;
+ background: none;
color: #6b6b6b;
+ border: none;
margin: 10px 0;
}
-.medisync__registerpage-signup-login {
- font-weight: 600;
+.medisync__registerpage-login-signup {
color: #436CDF;
- cursor: pointer;
padding-left: 10px;
}
+.medisync__registerpage-login span {
+ font-weight: 600;
+ color: #7209B7;
+ cursor: pointer;
+}
+
.medisync__registerpage-body_image {
min-width: 50%;
}
diff --git a/src/containers/wallet/wallet.css b/src/containers/wallet/wallet.css
index c6392a5..056576e 100644
--- a/src/containers/wallet/wallet.css
+++ b/src/containers/wallet/wallet.css
@@ -26,7 +26,7 @@
color: #1CB335;
}
-/* .medisync__wallet_details-button button {
+.medisync__wallet_details-button button {
display: flex;
margin: 0 auto;
width: 450px;
@@ -43,4 +43,4 @@
border: none;
outline: none;
cursor: pointer;
-} */
\ No newline at end of file
+}
diff --git a/src/containers/walletdr/WalletDr.jsx b/src/containers/walletdr/WalletDr.jsx
index faab87d..9d75cbd 100644
--- a/src/containers/walletdr/WalletDr.jsx
+++ b/src/containers/walletdr/WalletDr.jsx
@@ -1,15 +1,14 @@
import React, { useEffect, useState } from "react";
import "./walletDr.css";
-import Logo from '../../assets/medisync-logo.png'
-
+import Logo from "../../assets/medisync-logo.png";
+import { useNavigate } from "react-router-dom";
const getWallet = () => window.ethereum;
const eth = getWallet();
-
-
const WalletDr = () => {
const [currentAccount, setCurrentAccount] = useState("");
+ const navigate = useNavigate();
const WalletDr = async () => {
if (typeof eth !== "undefined") {
@@ -21,21 +20,21 @@ const WalletDr = () => {
setCurrentAccount(accounts[0]);
alert("welcome User " + accounts[0]);
+ navigate("/getallinfo");
} else {
alert("đź”´Metamask Not Installed, Please Add Metamask To Your Browser đź”´");
}
};
return (
-
-//
-//
-//
-//
-//
-//
-// Get Started
-//Fill the form below to sign up
-// -// -// -// -//
-// {/* */}
-//
-//
-
+
+
);
diff --git a/src/containers/walletdr/walletDr.css b/src/containers/walletdr/walletDr.css
index adc542d..610cc9d 100644
--- a/src/containers/walletdr/walletDr.css
+++ b/src/containers/walletdr/walletDr.css
@@ -50,4 +50,28 @@
border: none;
outline: none;
cursor: pointer;
+}
+
+.get-all-info {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ gap: 20px;
+ height: 90vh;
+}
+
+.get-all-info h2 {
+ margin: 0;
+}
+
+.get-all-info input {
+ height: 40px !important;
+ width: 300px;
+}
+
+.get-all-info button {
+ height: 40px !important;
+ width: 100px;
+ padding: 0;
}
\ No newline at end of file
diff --git a/src/css/AddPatientRecord.css b/src/css/AddPatientRecord.css
new file mode 100644
index 0000000..09f66e7
--- /dev/null
+++ b/src/css/AddPatientRecord.css
@@ -0,0 +1,14 @@
+.info-section {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: flex-start;
+}
+
+.patient-details-section {
+ margin-right: 20px;
+}
+
+.add-button {
+ margin-top: 10px;
+}
\ No newline at end of file
diff --git a/src/css/styles.css b/src/css/styles.css
index 3615a7a..e741762 100644
--- a/src/css/styles.css
+++ b/src/css/styles.css
@@ -9,36 +9,62 @@ body{
font-family: var(--font-family);
}
+h2 {
+ font-size: 17px;
+}
+
+p {
+ font-size: 12px;
+}
+
/* font-family: 'Poppins', sans-serif; */
.app_container {
display: flex;
width: 100%;
+ height: auto;
}
.side_bar {
display: flex;
flex-direction: column;
gap: 35px;
- width: 20%;
- padding: 30px 0 200px 10px;
+ width: 15%;
+ height: 90vh;
+ padding: 30px 0 0 10px;
border-right: 2px solid lightgrey;
+ border-bottom: 2px solid lightgrey;
+}
+
+.active {
+ color: #179d74;
+ font-weight: 700;
+}
+
+.b-active {
+ color: #436CDF;
+ background: #cecece;
+ box-shadow: 0 0 2px #1B1A1A;
+}
+
+.logout_btn {
+ margin-top: 50%;
}
.patient_image {
- width: 70px;
- margin-left: 80px;
+ width: 50px;
+ margin-left: 35%;
}
.logo {
- width: 105px;
- padding-left: 15px;
+ margin-left: 50px;
+ width: 45%;
}
ul {
display: flex;
flex-direction: column;
- gap: 2px;
+ gap: 15px;
padding: 0;
margin: 0;
}
@@ -49,7 +75,7 @@ li {
.dashboard_link {
display: flex;
- gap: 10px;
+ gap: 5px;
align-items: center;
font-size: 15px;
font-weight: 600;
@@ -63,10 +89,14 @@ li {
.dashboard_link:hover {
color: white;
background-color: #436CDF;
- width: 90%;
+ width: 85%;
border-radius: 5px;
}
+.dashboard_link img {
+ width: 20px;
+}
+
section {
width: 80%;
}
@@ -76,7 +106,7 @@ section {
justify-content: space-between;
align-items: center;
padding: 0 50px;
- height: 100px;
+ height: 60px;
width: 100%;
background: #436CDF;
color: white;
@@ -125,7 +155,7 @@ span {
}
h3 {
- font-size: 22px;
+ font-size: 15px;
font-weight: 500;
color: #494949;
margin-bottom: 0;
@@ -151,14 +181,14 @@ select {
.info_section {
display: flex;
- justify-content: space-between;
align-items: center;
+ gap: 100px;
width: 100%;
margin-bottom: 50px;
}
input {
- height: 40px;
+ height: 30px !important;
width: 200px;
border-radius: 5px;
outline: none;
@@ -196,14 +226,18 @@ input {
.patient-details_first-section {
display: flex;
flex-direction: column;
- align-items: center;
- gap: 40px;
+ gap: 20px;
+}
+
+.patient-details_first-section input {
+ width: 150px;
}
select {
- width: 200px;
+ width: 150px;
border: 1px solid lightgrey;
outline: none;
+ font-size: 12px;
}
.disabilities_card,
@@ -231,11 +265,11 @@ select {
}
.new-entry_section img {
- width: 40px;
+ width: 20px;
}
.new-entry_section h3 {
- font-size: 18px;
+ font-size: 13px;
margin-top: 0;
}
@@ -246,31 +280,37 @@ select {
.modal {
display: flex;
flex-direction: column;
- gap: 10px;
+ gap: 5px;
background-color: white;
padding: 30px;
+ border: 2px solid lightgrey;
border-radius: 10px;
- width: 800px;
-}
-
-.modal_title {
- margin-bottom: 30px;
+ width: 600px;
+ box-shadow: 30px 30px 30px lightgray;
}
.modal_body {
display: flex;
flex-direction: column;
- gap: 20px;
+ gap: 5px;
margin-bottom: 30px;
+ font-size: 14px;
}
.modal_body h4:last-of-type {
margin: 10px 0 -20px 0;
}
-.modal_body input {
- width: 100%;
- padding: 5px 20px;
+.modal_body input,
+.modal_body textarea {
+ width: 60%;
+ padding: 5px 10px;
+ margin-bottom: 10px;
+ font-size: 12px;
+}
+
+.modal_body textarea {
+ height: 80px;
}
.calendar{
@@ -281,7 +321,7 @@ select {
.modal_footer {
display: flex;
- justify-content: flex-end;
+ justify-content: flex-start;
}
.modal button {
@@ -314,6 +354,58 @@ select {
z-index: 1;
}
+.manage_access {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ gap: 20px;
+ height: 100%;
+ width: 100%;
+ color: rgba(0, 0, 0, 0.688);
+}
+
+.manage_access h5 {
+ text-align: center;
+ line-height: 1.5rem;
+ font-size: 20px;
+
+}
+
+.manage_access form {
+ width: 35%;
+}
+
+.manage_access form input {
+ height: 50px;
+ width: 100%;
+}
+
+.manage_access form p {
+ font-size: 20px;
+}
+
+.manage_access button {
+ cursor: pointer;
+}
+
+.blood-group_input,
+.genotype_input,
+.weight_input
+ {
+ height: 40px;
+ width: 200px;
+ border-radius: 5px;
+ border: 2px solid grey;
+ margin-top: -30px;
+ padding-left: 10px;
+}
+
+.disabilities-details {
+ display: flex;
+ flex-direction: column;
+ margin-left: -65%;
+}
}
\ No newline at end of file
diff --git a/src/pages/AuthorizedAddresses.js b/src/pages/AuthorizedAddresses.js
new file mode 100644
index 0000000..fc2c02f
--- /dev/null
+++ b/src/pages/AuthorizedAddresses.js
@@ -0,0 +1,65 @@
+import React, { useState } from "react";
+import "../css/styles.css";
+import contractAbi from "../components/contractABI.json";
+import { ethers } from "ethers";
+
+const contractAddress = "0x8084B71fd847053621f36a3A87DDC885f45A467D";
+const abi = contractAbi;
+const provider = new ethers.providers.Web3Provider(window.ethereum);
+const signer = provider.getSigner(); // Get the signer from the provider
+const contract = new ethers.Contract(contractAddress, abi, signer);
+
+const GetAuthorizedAddresses = () => {
+ const [userDetails, setUserDetails] = useState([]);
+
+ const fetchUserDetails = async () => {
+ try {
+ // Fetch user details from the smart contract
+ const fetchedUserDetails = await contract.getAuthorizedAddresses();
+ setUserDetails(fetchedUserDetails);
+ } catch (error) {
+ alert("Failed to fetch user details from the smart contract");
+ }
+ };
+
+ return (
+ Welcome!
-- In order to view a patient’s record, please connect your wallet -
+In order to view a patient’s record, please connect your wallet
+ Connect Wallet +
+
+ {userDetails.length > 0 && (
+
+ );
+};
+
+const App = () => {
+ return (
+
+
+
+
+
+ )}
+ | Name | +Wallet Address | +|||
|---|---|---|---|---|
| Name | +{user} | +Wallet Address | +Wallet Address | +{index} | +
+ {/* Other components */}
+
+ );
+};
+
+export default App;
diff --git a/src/pages/ConnectWallet.js b/src/pages/ConnectWallet.js
index 7af7558..febbaa5 100644
--- a/src/pages/ConnectWallet.js
+++ b/src/pages/ConnectWallet.js
@@ -1,12 +1,118 @@
-import React from 'react'
-import { Wallet } from '../containers'
+import React, { useState } from "react";
+import "../css/styles.css";
+import store from "../store/Index";
+import { useNavigate } from "react-router-dom";
+import styled, { keyframes } from "styled-components";
+import { toast } from "react-toastify";
+import metamaskImg from "../assets/metamask.png";
-const ConnectWallet = () => {
+const ConnectWallets = () => {
+ const navigate = useNavigate();
+ const [isLoading, setIsLoading] = useState(false);
+
+ const btnhandler = () => {
+ setIsLoading(true);
+ // Asking if metamask is already present or not
+ if (window.ethereum) {
+ // res[0] for fetching the first wallet
+ window.ethereum
+ .request({ method: "eth_requestAccounts" })
+ .then((res) => {
+ store.userWalletAddress = res[0];
+ setIsLoading(false);
+ navigate("/dashboard");
+ })
+ .catch((error) => {
+ // Handle error
+ toast(error.message);
+ setIsLoading(false);
+ });
+ } else {
+ window.open("https://metamask.io/download/", "_blank");
+ }
+ };
return (
-
-
+ btnhandler()}>
+
+ 
Connect Wallet
+
+
+ •
+ •
+ •
+
+
- )
-}
+ );
+};
+
+export default ConnectWallets;
+
+const ConnectBtn = styled.button`
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ outline: none;
+ width: 178px !important;
+ font-size: 24px;
+ padding: 12px 18px;
+ font-weight: 500;
+ opacity: 0.8;
+ cursor: pointer;
+ transition: all 0.3s;
+
+ &:hover {
+ opacity: 1;
+ }
+`;
+
+const BtnLabel = styled.span`
+ display: ${({ $isloading }) => ($isloading ? `none` : `flex`)};
+ align-items: center;
+ gap: 12px;
+
+ & > img {
+ width: 25px;
+ height: 25px;
+ }
+`;
+
+/* Loading dots styles animation */
+const animateOpacity = keyframes`
+ 0% { opacity: 1; }
+ 100% { opacity: 0; }
+`;
+
+const Loading = styled.span`
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: ${({ $isloading }) => ($isloading ? `flex` : `none`)};
+ align-items: center;
+ justify-content: center;
+ /* background: #fff; */
+
+ span:not(:last-child) {
+ margin-right: 5px;
+ }
+
+ span {
+ animation-name: ${animateOpacity};
+ animation-duration: 1s;
+ animation-iteration-count: infinite;
+ }
+
+ span:nth-child(2) {
+ animation-delay: 100ms;
+ animation-delay: 100ms;
+ }
-export default ConnectWallet
\ No newline at end of file
+ span:nth-child(3) {
+ animation-delay: 300ms;
+ animation-delay: 300ms;
+ }
+`;
diff --git a/src/pages/GetAllInfo.js b/src/pages/GetAllInfo.js
new file mode 100644
index 0000000..d6c6774
--- /dev/null
+++ b/src/pages/GetAllInfo.js
@@ -0,0 +1,13 @@
+import React from "react";
+
+const GetAllInfo = () => {
+ return (
+
+
+ );
+};
+
+export default GetAllInfo;
diff --git a/src/pages/ManageAccess.jsx b/src/pages/ManageAccess.jsx
new file mode 100644
index 0000000..f8b360d
--- /dev/null
+++ b/src/pages/ManageAccess.jsx
@@ -0,0 +1,83 @@
+import React, { useState } from "react";
+import "../css/styles.css";
+import contractAbi from "../components/contractABI.json";
+import { ethers } from "ethers";
+
+const ManageAccess = () => {
+ const abi = contractAbi;
+ const contractAddress = "0x8084B71fd847053621f36a3A87DDC885f45A467D";
+ const provider = new ethers.providers.Web3Provider(window.ethereum);
+ const signer = provider.getSigner(); // Get the signer from the provider
+ const contract = new ethers.Contract(contractAddress, abi, signer);
+
+ const [name, setName] = useState("");
+ const [address, setAddress] = useState("");
+ const [address2, setAddress2] = useState("");
+
+ const grantAccess = async () => {
+ try {
+ await contract.grantAccess(name, address);
+ // Access granted successfully
+ alert("Access granted successfully");
+ } catch (error) {
+ // Handle error
+ alert("Failed to grant access");
+ }
+ };
+
+ const revokeAccess = async () => {
+ try {
+ await contract.revokeAccess(address2);
+ // Access revoked successfully
+ alert("Access revoked successfully");
+ } catch (error) {
+ // Handle error
+ alert("Failed to revoke access");
+ }
+ };
+
+ return (
+ Put the wallet address of the patient to view his records
+ + +
+
+ To grant anyone access to see your details, please input
+
+
+
+ );
+};
+
+export default ManageAccess;
diff --git a/src/pages/MyRecords.js b/src/pages/MyRecords.js
new file mode 100644
index 0000000..77d37c4
--- /dev/null
+++ b/src/pages/MyRecords.js
@@ -0,0 +1,24 @@
+import MyRecordAllergies from "../components/MyRecordAllergies";
+import MyRecordDisabilities from "../components/MyRecordDisabilities";
+import MyRecordOtherInformation from "../components/MyRecordOtherInformation";
+import MyRecordsBloodGroup from "../components/MyRecordsBloodGroup";
+import MyRecordsGenotype from "../components/MyRecordsGenotype";
+import MyRecordsWeight from "../components/MyRecordsWeight";
+import "../css/styles.css";
+
+const MyRecords = () => {
+ return (
+
+ To grant anyone access to see your details, please input
the
+ person's name and wallet address
+
+
+
+ To revoke anyone's access, please input the wallet address
+ + +
+
+ );
+};
+
+export default MyRecords;
\ No newline at end of file
diff --git a/src/pages/ViewMedicalRecords.js b/src/pages/ViewMedicalRecords.js
index 6d1e4ca..9ebc009 100644
--- a/src/pages/ViewMedicalRecords.js
+++ b/src/pages/ViewMedicalRecords.js
@@ -1,18 +1,18 @@
import Allergies from "../components/Allergies";
-import BloodGroup from "../components/BloodGroup";
+//import BloodGroup from "../components/BloodGroup";
import Disabilities from "../components/Disabilities";
-import Genotype from "../components/Genotype";
+//import Genotype from "../components/Genotype";
import OtherInformations from "../components/OtherInformations";
-import Weight from "../components/Weight";
+//import Weight from "../components/Weight";
import "../css/medical.css";
+import AddPatientRecord from "../components/addPatientRecord";
const ViewMedicalRecords = () => {
return (
+
+
-