Fixed Layout and switch functionality

This commit was merged in pull request #25.
This commit is contained in:
Ebube
2024-03-21 11:29:38 +01:00
parent dd9652fe58
commit dd6d92654c
10 changed files with 37 additions and 29 deletions
+3 -3
View File
@@ -5,7 +5,7 @@ interface SpouseDetailsProps {
inputValues: {
spouseBVN: string;
};
handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
handleChange: (e: React.FormEvent<HTMLInputElement>) => void;
handleInput: (e: React.FormEvent<HTMLInputElement>) => void;
inputRef: React.RefObject<HTMLInputElement>;
}
@@ -28,14 +28,14 @@ const SpouseDetails: React.FC<SpouseDetailsProps> = ({
<InputCompOne
parentClass="max-w-[20.3125rem]"
label="BVN"
name="firstName"
name="spouseBVN"
parentInputClass="w-full"
labelSpan="( To get your BVN, dial *565*0# )"
labelSpanClass="text-[11px] text-[#7a7373]"
labelClass="font-bold text-[1.125rem] leading-[1.3613rem] tracking-[2%] text-[#5C2684] mb-[.125rem]"
input
inputClass="w-full h-[2.25rem] bg-[#EFEFEF] px-[.125rem] rounded-[.375rem]"
value={inputValues.firstName}
value={inputValues.spouseBVN}
onChange={handleChange}
onInput={handleInput}
ref={inputRef}