{[...Array(10)].map((star, ind) => {
@@ -16,7 +17,8 @@ const Rating = ({index, defaultValue, onUpdate} : Props) => {
diff --git a/src/Components/ImageMarker/ViewPatientImageMarker.tsx b/src/Components/ImageMarker/ViewPatientImageMarker.tsx
new file mode 100644
index 0000000..6564ca4
--- /dev/null
+++ b/src/Components/ImageMarker/ViewPatientImageMarker.tsx
@@ -0,0 +1,30 @@
+import React, { useEffect, useState } from 'react'
+import ImageMarker, { Marker } from 'react-image-marker';
+
+import humanImage from '../../Assets/human_body_3d.jpg';
+import './PatientImageMarker.css'
+import Rating from './Rating';
+
+type Props = {}
+
+const ViewPatientImageMarker = (props: Props) => {
+ const saved = JSON.parse(localStorage.getItem('entry') || '{}');
+ return (
+
+
+
How much pain?
+ {saved.entries?.map((entry: any, index: number) => (
+
+ {entry.index}
+ {}} disabled/>
+
+ ))}
+
+
+
+
+
+ )
+}
+
+export default ViewPatientImageMarker;
\ No newline at end of file
diff --git a/src/Components/PatientDetails/FamilyFormSection2.tsx b/src/Components/PatientDetails/FamilyFormSection2.tsx
new file mode 100644
index 0000000..4f6a7f8
--- /dev/null
+++ b/src/Components/PatientDetails/FamilyFormSection2.tsx
@@ -0,0 +1,185 @@
+import { Button, Checkbox, FormControl, FormControlLabel, FormGroup, FormLabel, Grid, Paper, Radio, RadioGroup, TextField } from '@mui/material';
+import { useFormik } from "formik";
+import * as yup from "yup";
+import { LocalizationProvider, DatePicker } from '@mui/x-date-pickers';
+
+interface FormValues {
+ maritalStatus: string;
+ numberOfChildren: string;
+ ages: string;
+ occupation: string;
+ hoursPerWeek: number | string;
+ employer: string;
+ businessPhone: string;
+ spouseName: string;
+ spouseEmployer: string;
+ spouseBusinessPhone: string;
+ emergencyContact: string;
+ relationship: string;
+ spousePhone: string;
+}
+
+interface Props {
+ familyDetails: FormValues;
+}
+
+export default function FamilyFormSection({familyDetails}:Props){
+ return(
+ <>
+
+
+
+ Marital Status
+
+ } label="Married" />
+ } label="Single" />
+ } label="Widowed" />
+ } label="Seperated" />
+ } label="Divorced" />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Spouse's Information:
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Emergency:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+};
diff --git a/src/Components/PatientDetails/MedicalHistorySection3.tsx b/src/Components/PatientDetails/MedicalHistorySection3.tsx
new file mode 100644
index 0000000..fdd49b2
--- /dev/null
+++ b/src/Components/PatientDetails/MedicalHistorySection3.tsx
@@ -0,0 +1,165 @@
+import * as React from 'react';
+import { Checkbox, FormControlLabel, TextField, FormGroup, Grid, FormControl, FormLabel, Radio, RadioGroup } from '@mui/material';
+import { useFormik } from 'formik';
+import * as Yup from 'yup';
+
+interface FormValues {
+ physicianname: string;
+ physiciancity: string;
+ physicianstate: string;
+ physicianphone: string;
+ chiropractorName: string;
+ chiropractorState: string;
+ xray: boolean;
+ ctScan: boolean;
+ cdImages: boolean;
+ visitDetails: string;
+ cellPhoneProvider: string;
+}
+
+interface Props {
+ medicalHistory: FormValues;
+}
+
+export default function MedicalHistoryForm({medicalHistory}:Props){
+ return(
+ <>
+
+ Physician Hisory Information:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Chiropractor Information:
+
+
+
+
+ Previous Chiropractic Care:
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Have you had an X-ray/CT Scan within the last 12 months? If yes, did you bring the CD of images for the doctor to review?
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+
+ Who can we thank for referring you to our office:
+
+ } label="Friend" />
+ } label="Relative" />
+ } label="Physician" />
+ } label="Instagram" />
+ } label="Google" />
+ } label="Others" />
+
+
+
+
+
+
+ How do you prefer to be reminded of your appointments?
+
+ } label="Email" />
+ } label="Text" />
+
+
+
+
+ )}
+
\ No newline at end of file
diff --git a/src/Components/PatientDetails/OtherDetails8.tsx b/src/Components/PatientDetails/OtherDetails8.tsx
new file mode 100644
index 0000000..18513d0
--- /dev/null
+++ b/src/Components/PatientDetails/OtherDetails8.tsx
@@ -0,0 +1,113 @@
+import { Grid, FormLabel, TextField, FormControl, RadioGroup, FormControlLabel, Radio } from "@mui/material";
+import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
+import React from "react";
+import { LocalizationProvider, DatePicker } from '@mui/x-date-pickers';
+import dayjs from "dayjs";
+
+interface FormValues {
+ familyHistory: string;
+ sleep: string;
+ pillow:string;
+ orthotics:string;
+ brestExam: any;
+ pregnancy:string;
+ menstralCycle: any;
+ }
+
+export default function OtherDetails8(){
+
+ return(
+ <>
+
+
+ Family history and health status:
+
+
+
+
+
+ How do you sleep?
+
+ } label="Back" />
+ } label="Side" />
+ } label="Stomach" />
+
+
+
+
+
+
+ Do you use a pillow?
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+
+ Do you wear orthotics or arch support?
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+ Date of last gynecological and brest exam?
+
+
+
+
+
+ {/*
+ For X-Ray purposes:
+ */}
+
+
+
+ Possible pregnancy?
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+ Date of last menstrual cycle?
+
+
+
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/Components/PatientDetails/PainAnalysisSection4.tsx b/src/Components/PatientDetails/PainAnalysisSection4.tsx
new file mode 100644
index 0000000..0ecfca1
--- /dev/null
+++ b/src/Components/PatientDetails/PainAnalysisSection4.tsx
@@ -0,0 +1,219 @@
+import * as React from 'react';
+import { Checkbox, FormControlLabel, TextField, FormGroup, Grid, FormControl, FormLabel, Radio, RadioGroup } from '@mui/material';
+import { useFormik } from 'formik';
+import * as Yup from 'yup';
+
+interface FormValues {
+ chiefComplaint:string;
+ painQuality: string[];
+ painDuration: string;
+ currentTreatment: string;
+ treatmentResults: string;
+ treatmentGoal: string;
+}
+interface Props {
+ painAnalysis: FormValues;
+ }
+
+export default function PainAnalysisSection4({painAnalysis}:Props){
+ return(
+ <>
+
+ Issue Details:
+
+
+
+
+
+
+
+
+ What makes your pain worse?
+
+ }
+ label="Bending"
+ />
+ }
+ label="Standing"
+ />
+ }
+ label="Sitting"
+ />
+ }
+ label="Walking"
+ />
+ }
+ label="Others"
+ />
+
+
+
+
+
+
+ What makes your pain better?
+
+ }
+ label="laying down"
+ />
+ }
+ label="Standing"
+ />
+ }
+ label="Sitting"
+ />
+ }
+ label="Walking"
+ />
+ }
+ label="Others"
+ />
+
+
+
+
+
+
+ What is the quality of your pain?
+
+ }
+ label="Sharp"
+ />
+ }
+ label="Dull/Ache"
+ />
+ }
+ label="Throbbing"
+ />
+ }
+ label="Tingling/Numbness/Burning"
+ />
+ }
+ label="Others"
+ />
+
+
+
+
+
+
+ What is the worst time for your pain?
+
+ }
+ label="Morning"
+ />
+ }
+ label="During day"
+ />
+ }
+ label="Evening"
+ />
+ }
+ label="Lying in bed"
+ />
+ }
+ label="Others"
+ />
+
+
+
+
+
+
+ How much of the day do you experience your chief complaint?
+
+ } label="0-25%" />
+ } label="25-50%" />
+ } label="50-75%" />
+ } label="75-100%" />
+
+
+
+
+
+
+ Has your current complaint caused any of the following?
+
+ }
+ label="Muscle weakness"
+ />
+ }
+ label="Bowel/Bladder problem"
+ />
+ }
+ label="Digestion"
+ />
+ }
+ label="Cardiac/Respiratory"
+ />
+
+
+
+
+
+
+
+ Have you tried any self treatment (ex-ice, heat, excercise) or taken any medication(over the counter or prescription)?
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+ Expected Treatment Result:
+
+
+
+
+
+
+
+
+ )}
+
\ No newline at end of file
diff --git a/src/Components/PatientDetails/PastTreatment5.tsx b/src/Components/PatientDetails/PastTreatment5.tsx
new file mode 100644
index 0000000..c863f6e
--- /dev/null
+++ b/src/Components/PatientDetails/PastTreatment5.tsx
@@ -0,0 +1,170 @@
+import { TextField, FormControlLabel,Grid,Checkbox, FormControl, FormLabel, Radio, RadioGroup } from '@mui/material';
+import * as React from 'react';
+import Table from '../Helper/AddNewTable';
+
+interface FormValues {
+ generalHealth: string;
+ presentProblemBefore: string;
+ ifYespresentProblemBefore:string;
+ ifYestreatmentProvided: string;
+ ifYesOutcome: string;
+ strokeBloodclotting: string;
+ ifYesstrokeBloodclotting: string;
+ dizzinessFetigue: string;
+ ifyesdizzinessFetigue: string;
+ antiColligent: string;
+ injuriesHospitalization: string;
+ supplementsOrDrugs: string;
+}
+
+interface Props {
+ pastTreatement: FormValues
+}
+
+
+export default function PastTreatment5({pastTreatement}: Props){
+ return(
+ <>
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/Components/PatientDetails/PatientDetails.tsx b/src/Components/PatientDetails/PatientDetails.tsx
new file mode 100644
index 0000000..5b1d95c
--- /dev/null
+++ b/src/Components/PatientDetails/PatientDetails.tsx
@@ -0,0 +1,333 @@
+import * as React from 'react';
+import Typography from '@mui/material/Typography';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import Footer from "../Footer";
+import Header from "../Header";
+import {Button, Checkbox, FormControlLabel, FormGroup, FormLabel, Grid, Paper, Radio, RadioGroup, TextField } from '@mui/material';
+import PersonalSection from './PersonalSection1';
+import { styled } from '@mui/material/styles';
+import ArrowForwardIosSharpIcon from '@mui/icons-material/ArrowForwardIosSharp';
+import MuiAccordion, { AccordionProps } from '@mui/material/Accordion';
+import MuiAccordionSummary, {
+ AccordionSummaryProps,
+} from '@mui/material/AccordionSummary';
+import MuiAccordionDetails from '@mui/material/AccordionDetails';
+import MedicalHistory from './MedicalHistorySection3';
+import FamilyFormSection from './FamilyFormSection2';
+import PainAnalysisSection4 from './PainAnalysisSection4';
+import PastTreatment5 from './PastTreatment5';
+import SystemReviewSection6 from './SyestemReviewSection6';
+import RecreationalHobbiesSection7 from './RecreationalHobbiesSection7';
+import OtherDetails8 from './OtherDetails8';
+import PatientImageMarker from '../ImageMarker/PatientImageMarker';
+import ViewPatientImageMarker from '../ImageMarker/ViewPatientImageMarker';
+
+interface Patient {
+ fullName: string;
+ homePhone: string;
+ cellPhone: string;
+ email: string;
+ age: number;
+ dateOfBirth: string;
+ socialSecurityNumber: string;
+ mailingAddress: string;
+ city: string;
+ state: string;
+ zipCode: string;
+ gender: string;
+ maritalStatus: string;
+ }
+
+ const personalData : Patient = {
+ fullName: "Vipeesh",
+ homePhone: "7259910917",
+ cellPhone: "7259910917",
+ email: "vipeesh191@gmail.com",
+ age: 33,
+ dateOfBirth: "27-4-1990",
+ socialSecurityNumber: "",
+ mailingAddress: "",
+ city: "Kannur",
+ state: "Kerala",
+ zipCode: "670643",
+ gender: "male",
+ maritalStatus: "",
+ }
+
+ const familyData = {
+ maritalStatus:'',
+ numberOfChildren:'',
+ ages:'',
+ occupation:'',
+ hoursPerWeek:'',
+ employer:'',
+ businessPhone:'',
+ spouseName:'',
+ spouseEmployer:'',
+ spouseBusinessPhone:'',
+ emergencyContact:'',
+ relationship:'',
+ spousePhone:''
+}
+
+const medicalHstory = {
+ physicianname: '',
+ physiciancity: '',
+ physicianstate: '',
+ physicianphone: '',
+ chiropractorName: '',
+ chiropractorState: '',
+ xray: false,
+ ctScan: false,
+ cdImages: false,
+ visitDetails: '',
+ cellPhoneProvider: '',
+}
+
+const painAnalysis = {
+ chiefComplaint:'',
+ painQuality:[],
+ painDuration:'',
+ currentTreatment:'',
+ treatmentResults:'',
+ treatmentGoal:'',
+}
+
+const pastTreatement = {
+ generalHealth: '',
+ presentProblemBefore: '',
+ ifYespresentProblemBefore:'',
+ ifYestreatmentProvided:'',
+ ifYesOutcome:'',
+ strokeBloodclotting: '',
+ ifYesstrokeBloodclotting: '',
+ dizzinessFetigue: '',
+ ifyesdizzinessFetigue:'',
+ antiColligent: '',
+ injuriesHospitalization: '',
+ supplementsOrDrugs:''
+ }
+
+ const Accordion = styled((props: AccordionProps) => (
+
+ ))(({ theme }) => ({
+ border: `1px solid ${theme.palette.divider}`,
+ '&:not(:last-child)': {
+ borderBottom: 0,
+ },
+ '&:before': {
+ display: 'none',
+ },
+ }));
+
+ const AccordionSummary = styled((props: AccordionSummaryProps) => (
+
}
+ {...props}
+ />
+ ))(({ theme }) => ({
+ backgroundColor:
+ theme.palette.mode === 'dark'
+ ? 'rgba(255, 255, 255, .05)'
+ : 'rgba(0, 0, 0, .03)',
+ flexDirection: 'row-reverse',
+ '& .MuiAccordionSummary-expandIconWrapper.Mui-expanded': {
+ transform: 'rotate(90deg)',
+ },
+ '& .MuiAccordionSummary-content': {
+ marginLeft: theme.spacing(1),
+ },
+ }));
+
+ const AccordionDetails = styled(MuiAccordionDetails)(({ theme }) => ({
+ padding: theme.spacing(2),
+ borderTop: '1px solid rgba(0, 0, 0, .125)',
+ }));
+
+export default function PatientDetails(){
+ const [expanded, setExpanded] = React.useState
('panel1');
+ const [isChecked, setIsChecked] = React.useState(false);
+ const [signature,setSignature]=React.useState('');
+
+ const [patient, setPatient] = React.useState({
+ fullName: "",
+ homePhone: "",
+ cellPhone: "",
+ email: "",
+ age: 0,
+ dateOfBirth: "",
+ socialSecurityNumber: "",
+ mailingAddress: "",
+ city: "",
+ state: "",
+ zipCode: "",
+ gender: "",
+ maritalStatus: "",
+ });
+
+ const handleSubmit = (event: React.FormEvent) => {
+ event.preventDefault();
+ };
+
+ const handleExpandChange =
+ (panel: string) => (event: React.SyntheticEvent, newExpanded: boolean) => {
+ setExpanded(newExpanded ? panel : false);
+ };
+
+ const handleCheckboxChange = (event:any) => {
+ setIsChecked(event.target.checked);
+ };
+
+
+ return(
+ <>
+
+
+
+
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/Components/PatientDetails/PersonalSection1.tsx b/src/Components/PatientDetails/PersonalSection1.tsx
new file mode 100644
index 0000000..fb39d9d
--- /dev/null
+++ b/src/Components/PatientDetails/PersonalSection1.tsx
@@ -0,0 +1,170 @@
+import * as React from 'react';
+import { Button, FormControl, FormControlLabel, FormLabel, Grid, Paper, Radio, RadioGroup, TextField } from '@mui/material';
+import { useFormik } from "formik";
+import * as yup from "yup";
+import { LocalizationProvider, DatePicker } from '@mui/x-date-pickers';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import PatientDetails from './PatientDetails';
+
+interface Patient {
+ fullName: string;
+ homePhone: string;
+ cellPhone: string;
+ email: string;
+ age: number | string;
+ dateOfBirth: string;
+ socialSecurityNumber: string;
+ mailingAddress: string;
+ city: string;
+ state: string;
+ zipCode: string;
+ gender: string;
+ maritalStatus: string;
+}
+
+interface Props {
+ personalData: Patient;
+}
+
+export default function PersonalSection({personalData} : Props){
+ return(
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Gender
+
+ } label="Male" checked={personalData.gender === 'male'} />
+ } label="Female" checked={personalData.gender === 'female'} />
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/Components/PatientDetails/RecreationalHobbiesSection7.tsx b/src/Components/PatientDetails/RecreationalHobbiesSection7.tsx
new file mode 100644
index 0000000..b757b11
--- /dev/null
+++ b/src/Components/PatientDetails/RecreationalHobbiesSection7.tsx
@@ -0,0 +1,243 @@
+import { FormControl, FormControlLabel, FormLabel, Grid, Radio, RadioGroup, TextField } from "@mui/material";
+import React from "react";
+
+interface FormValues {
+ hobbies: string;
+ educationLevel: string;
+ excercise: string;
+ excerciseExplanation: string;
+ tobacco: string;
+ tobaccoExplanation: string;
+ alcohol: string;
+ alcoholExplanation: string;
+ healthyDiet: string;
+ healthyDietExplanation: string;
+ sleep: string;
+ sleepExplanation: string;
+ workSchool: string;
+ workSchoolExplanation: string;
+ familyLife: string;
+ familyLifeExplanation: string;
+ drugs: string;
+ drugsExplanation:string;
+ }
+
+export default function RecreationalHobbiesSection7(){
+ return(
+ <>
+
+
+
+ Recreational Activities/Hobbies:
+
+
+
+
+
+ Your education level:
+
+ } label="High School" />
+ } label="Some college" />
+ } label="College Graduate" />
+ } label="Post college" />
+ } label="Other" />
+
+
+
+
+
+
+ Do you excercise?
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+
+
+
+
+
+ Use tobacco?
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+
+
+
+
+
+ Consume alcohol?
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+
+
+
+
+
+ Have a healthy diet?
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+
+
+
+
+
+ Get adequate sleep?
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+
+
+
+
+
+ Is Work/School stressful to you?
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+
+
+
+
+
+ Family life stressful to you?
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+
+
+
+
+
+ Use recreational drugs?
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/Components/PatientDetails/SyestemReviewSection6.tsx b/src/Components/PatientDetails/SyestemReviewSection6.tsx
new file mode 100644
index 0000000..39077d3
--- /dev/null
+++ b/src/Components/PatientDetails/SyestemReviewSection6.tsx
@@ -0,0 +1,237 @@
+import { FormControl, FormControlLabel, FormLabel, Grid, Radio, RadioGroup, TextField } from "@mui/material";
+import React from "react";
+
+interface FormValues {
+ eyes: string;
+ IntestinesBowls: string;
+ jointsBones:string;
+ allergies: string;
+ earsNoseMouth: string;
+ urinary: string;
+ skin: string;
+ psychological: string;
+ heart: string;
+ muscles: string;
+ internalOrgans: string;
+ gynecological: string;
+ lungsBreathing: string;
+ nerves: string;
+ blood: string;
+ prostate: string;
+ explanation:string;
+ }
+
+export default function SystemReviewSection6(){
+ return(
+ <>
+
+ Please choose body areas or systems where you may have problems:
+
+
+
+
+ Eyes
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+ Intestines/Bowls
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+ Joints/Bones
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+ Allergies
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+ Ears, Nose, Mouth, Throat
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+ Urinary
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+ Skin
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+ Psychological/Emotional
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+ Heart
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+ Muscles
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+ Internal Organs
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+ Gynecological menstrual/Brest
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+
+ Lungs/Breathing
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+ Nerves
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+ Blood
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+
+ Prostate/Testicular/Penile
+
+ } label="Yes" />
+ } label="No" />
+
+
+
+
+ Please explain your check marks:
+
+
+
+
+
+ )
+}
\ No newline at end of file