diff --git a/pwa/src/components/TestResultsForm.tsx b/pwa/src/components/TestResultsForm.tsx index 8b8aba0..f2a348a 100644 --- a/pwa/src/components/TestResultsForm.tsx +++ b/pwa/src/components/TestResultsForm.tsx @@ -1,17 +1,27 @@ import React, { ReactElement, useState } from 'react' -import { Checkbox, List } from 'antd-mobile' -import '../scss/DiagnosisForm.scss' +import { Checkbox, List, Radio, WhiteSpace, InputItem } from 'antd-mobile' +import '../scss/TestResultsForm.scss' +const RadioItem = Radio.RadioItem const CheckboxItem = Checkbox.CheckboxItem export default function TestResultsForm(): ReactElement { // State Hooks used for result div visibility - const [pregnancyTest, setPregnancyTest] = useState(0) // Default: null - const [bloodSugarTest, setBloodSugarTest] = useState(0) // Default: null - const [ua, setUA] = useState(0) // Default: null + const [pregnancyTest, setPregnancyTest] = useState(0) // Default: 0 (unchecked) + const [pregnancyTestPositive, setPregnancyTestPositive] = useState( + null as number, + ) // Default: null + const [bloodSugarTest, setBloodSugarTest] = useState(0) // Default: 0 (unchecked) + const [ua, setUA] = useState(0) // Default: 0 (unchecked) + + // Data for Radio Buttons + const radioPosNeg = [ + { value: 0, label: 'Negative' }, + { value: 1, label: 'Positive' }, + ] return ( - <> +
{pregnancyTest ? (
- 'HCG (Pregnancy) Results'}> + 'HCG (Pregnancy) Results'}> + {radioPosNeg.map((i) => ( + + setPregnancyTestPositive(i.value) + } + > + {i.label} + + ))} + +
) : null} @@ -35,7 +60,14 @@ export default function TestResultsForm(): ReactElement {
{bloodSugarTest ? (
- 'Blood Sugar Results'}> + 'Blood Sugar Results'}> + +
) : null} @@ -48,9 +80,23 @@ export default function TestResultsForm(): ReactElement { {ua ? (
- 'UA Results'}> + 'UA Results'}> + {/* TODO: I am unsure about the range/type of these fields */} + + Glucose + + + Nitrites + + + Protein + + + Leukocytes + +
) : null} - +
) } diff --git a/pwa/src/scss/TestResultsForm.scss b/pwa/src/scss/TestResultsForm.scss new file mode 100644 index 0000000..11a37ec --- /dev/null +++ b/pwa/src/scss/TestResultsForm.scss @@ -0,0 +1,5 @@ +#test-results-form-wrapper { + .list-whitespace { + background-color: #f5f5f9; + } +}