From f90c3c398b40d50e501573bfde2cdc66d0aeeb70 Mon Sep 17 00:00:00 2001
From: Savy011 <106910589+Savy011@users.noreply.github.com>
Date: Thu, 1 Jun 2023 11:31:27 +0530
Subject: [PATCH] Finished Ex 9.28

---
 .../components/AddEntryModal/AddEntryForm.tsx | 216 +++++++++++++++---
 Part_9/patientor/frontend/src/types.ts        |   2 +-
 2 files changed, 189 insertions(+), 29 deletions(-)

diff --git a/Part_9/patientor/frontend/src/components/AddEntryModal/AddEntryForm.tsx b/Part_9/patientor/frontend/src/components/AddEntryModal/AddEntryForm.tsx
index 60bd2f3..d11431b 100644
--- a/Part_9/patientor/frontend/src/components/AddEntryModal/AddEntryForm.tsx
+++ b/Part_9/patientor/frontend/src/components/AddEntryModal/AddEntryForm.tsx
@@ -7,6 +7,133 @@ interface Props {
 	onSubmit: (values: EntryFormValues) => void
 }
 
+const OccupationalHealthcareForm = ({
+	style,
+	employerName,
+	startDate,
+	endDate,
+	setEmployerName,
+	setStartDate,
+	setEndDate,
+}: {
+	style: React.CSSProperties
+	employerName: string,
+	startDate: string,
+	endDate: string,
+	setEmployerName: React.Dispatch<React.SetStateAction<string>>,
+	setStartDate: React.Dispatch<React.SetStateAction<string>>
+	setEndDate: React.Dispatch<React.SetStateAction<string>>
+}) => {
+	return (
+		<>
+			<FormControl sx={{ width: '100%', m: 'none' }}>
+				<div style={style}>
+					<TextField
+					fullWidth
+					label="Employer Name"
+					value={employerName}
+					onChange={e => setEmployerName(e.target.value)}
+					/>
+				</div>
+				<FormLabel sx={{ ml: 1 }}>Sick Leave</FormLabel>
+				<div style={style}>
+					<TextField
+						fullWidth
+						label="Start Date"
+						value={startDate}
+						onChange={e => setStartDate(e.target.value)}
+					/>
+				</div>
+				<div style={style}>
+					<TextField
+						fullWidth
+						label="End Date"
+						value={endDate}
+						onChange={e => setEndDate(e.target.value)}
+					/>
+				</div>
+			</FormControl>
+		</>
+	)
+}
+
+const HealthCheckForm = ({
+	style,
+	radioValue,
+	setRadioValue
+}: {
+	style: React.CSSProperties,
+	radioValue: string,
+	setRadioValue: React.Dispatch<React.SetStateAction<string>>
+}) => {
+	return (
+		<>
+			<FormControl style={style}>
+				<FormLabel>Health Check Rating</FormLabel>
+				<RadioGroup
+					row
+					value={radioValue} onChange={e => setRadioValue(e.target.value)}
+				>
+					<FormControlLabel
+						value={HealthCheckRating.Healthy}
+						control={<Radio />}
+						label="Healthy"
+					/>
+					<FormControlLabel
+						value={HealthCheckRating.LowRisk}
+						control={<Radio />}
+						label="Low Risk"
+					/>
+					<FormControlLabel
+						value={HealthCheckRating.HighRisk}
+						control={<Radio />}
+						label="High Risk"
+					/>
+					<FormControlLabel
+						value={HealthCheckRating.CriticalRisk}
+						control={<Radio />}
+						label="Critical Risk"
+					/>
+				</RadioGroup>
+			</FormControl>
+		</>
+	)
+}
+
+const HospitalForm = ({
+	style,
+	dischargeDate,
+	dischargeCriteria,
+	setDischargeDate,
+	setDischargeCriteria
+}: {
+	style: React.CSSProperties,
+	dischargeDate: string,
+	dischargeCriteria: string,
+	setDischargeDate: React.Dispatch<React.SetStateAction<string>>,
+	setDischargeCriteria: React.Dispatch<React.SetStateAction<string>>
+}) => {
+	return (
+		<FormControl>
+			<FormLabel sx={{ mt: 2 }} >Discharge</FormLabel>
+			<div style={style}>
+			<TextField
+				label="Discharge Date"
+				value={dischargeDate}
+				onChange={e => setDischargeDate(e.target.value)}
+			/>
+			</div>
+			<div style={style}>
+				<TextField
+					label="Discharge Criteria"
+					value={dischargeCriteria}
+					onChange={e => setDischargeCriteria(e.target.value)}
+				/>
+			</div>
+		</FormControl>
+	)
+}
+
 const AddPatientForm = ({ onClose, onSubmit }: Props) => {
 	const [date, setDate] = useState('')
 	const [description, setDescription] = useState('')
@@ -14,6 +141,12 @@ const AddPatientForm = ({ onClose, onSubmit }: Props) => {
 	const [diagnosisCodes, setDiagnosisCodes] = useState('')
 	const [entryType, setEntryType] = useState('')
 	const [radioValue, setRadioValue] = useState('')
+	const [dischargeDate, setDischargeDate] = useState('')
+	const [dischargeCriteria, setDischargeCriteria] = useState('')
+	const [employerName, setEmployerName] = useState('')
+	const [startDate, setStartDate] = useState('')
+	const [endDate, setEndDate] = useState('')
+
 	
 	const style: React.CSSProperties = {
 		margin: 10
@@ -30,6 +163,36 @@ const AddPatientForm = ({ onClose, onSubmit }: Props) => {
 				type: entryType,
 				healthCheckRating: Number(radioValue),
 			}
+			console.log(object)
+			onSubmit(object)
+		} else if (entryType === EntryType.Hospital) {
+			const object = {
+				date,
+				description,
+				specialist,
+				diagnosisCodes,
+				type: entryType,
+				discharge: {
+					date: dischargeDate,
+					criteria: dischargeCriteria
+				}
+			}
+			console.log(object)
+			onSubmit(object)
+		} else if (entryType === EntryType.OccupationalHealthcare) {
+			const object = {
+				date,
+				description,
+				specialist,
+				diagnosisCodes,
+				type: entryType,
+				employerName,
+				sickLeave: {
+					startDate,
+					endDate
+				}
+			}
+
 			console.log(object)
 			onSubmit(object)
 		}
@@ -83,37 +246,34 @@ const AddPatientForm = ({ onClose, onSubmit }: Props) => {
 						<MenuItem value={EntryType.HealthCheck}>Health Check</MenuItem>
 						<MenuItem value={EntryType.OccupationalHealthcare}>Occupational Healthcare</MenuItem>
 					</TextField>
+					<div>
 					{entryType === EntryType.HealthCheck
-						? (<FormControl style={style}>
-								<FormLabel>Health Check Rating</FormLabel>
-								<RadioGroup
-									row
-									value={radioValue} onChange={e => setRadioValue(e.target.value)}
-								>
-									<FormControlLabel
-										value={HealthCheckRating.Healthy}
-										control={<Radio />}
-										label="Healthy"
-									/>
-									<FormControlLabel
-										value={HealthCheckRating.LowRisk}
-										control={<Radio />}
-										label="Low Risk"
-									/>
-									<FormControlLabel
-										value={HealthCheckRating.HighRisk}
-										control={<Radio />}
-										label="High Risk"
-									/>
-									<FormControlLabel
-										value={HealthCheckRating.CriticalRisk}
-										control={<Radio />}
-										label="Critical Risk"
-									/>
-								</RadioGroup>
-							</FormControl>)
+						? (<HealthCheckForm
+							style={style}
+							radioValue={radioValue}
+							setRadioValue={setRadioValue}
+						/>)
+						: entryType === EntryType.Hospital
+						? (<HospitalForm
+							style={style}
+							dischargeCriteria={dischargeCriteria}
+							dischargeDate={dischargeDate}
+							setDischargeDate={setDischargeDate}
+							setDischargeCriteria={setDischargeCriteria}
+						/>)
+						: entryType === EntryType.OccupationalHealthcare
+						? (<OccupationalHealthcareForm
+							style={style}
+							employerName={employerName}
+							startDate={startDate}
+							endDate={endDate}
+							setEmployerName={setEmployerName}
+							setStartDate={setStartDate}
+							setEndDate={setEndDate}
+						/>)
 						: null
 					}
+					</div>
 				</div>
 				<Grid>
 					<Grid item>
diff --git a/Part_9/patientor/frontend/src/types.ts b/Part_9/patientor/frontend/src/types.ts
index 4011abe..0534e4e 100644
--- a/Part_9/patientor/frontend/src/types.ts
+++ b/Part_9/patientor/frontend/src/types.ts
@@ -59,7 +59,6 @@ export interface OccupationalHealthcareEntry extends BaseEntry {
 
 export type Entry = HospitalEntry | HealthCheckEntry | OccupationalHealthcareEntry
 
-
 export interface Patient {
 	id: string;
 	name: string;
@@ -83,6 +82,7 @@ export type EntryFormValues = {
 		date: string;
 		criteria: string;
 	};
+	employerName?: string;
 	sickLeave?: {
 		startDate: string;
 		endDate: string;
-- 
2.51.2