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 ( - <> +