DigiFi/digifi-www
1
0
Fork 0
Code Issues Pull Requests Releases Activity

added Enter Btn

Browse Source
This commit was merged in pull request #23.
This commit is contained in:
Ebube
2024-03-20 14:00:17 +01:00
parent 1bd523c493
commit 97e6951685
1 changed files with 89 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/GetStarted/BasicInfo.tsx
+17 -10
View File
@@ -73,7 +73,7 @@ const BasicInfo: React.FC = () => {
parentInputClass="max-w-[224px] w-full" parentInputClass="max-w-[224px] w-full"
labelClass="font-bold text-[18px] leading-[21.78px] tracking-[2%] text-[#5C2684] mb-[2px]" labelClass="font-bold text-[18px] leading-[21.78px] tracking-[2%] text-[#5C2684] mb-[2px]"
select select
selectClass="w-full h-[36px] rounded-[12px]" selectClass="w-full h-[36px] rounded-[6px]"
selectOptions={titleOptions} selectOptions={titleOptions}
value={inputValues.title} value={inputValues.title}
onChange={handleChange} onChange={handleChange}
@@ -85,7 +85,7 @@ const BasicInfo: React.FC = () => {
parentInputClass="max-w-[224px] w-full" parentInputClass="max-w-[224px] w-full"
labelClass="font-bold text-[18px] leading-[21.78px] tracking-[2%] text-[#5C2684] mb-[2px]" labelClass="font-bold text-[18px] leading-[21.78px] tracking-[2%] text-[#5C2684] mb-[2px]"
select select
selectClass="w-full h-[36px] rounded-[12px]" selectClass="w-full h-[36px] rounded-[6px]"
selectOptions={maritalStatusOptions} selectOptions={maritalStatusOptions}
value={inputValues.marital} value={inputValues.marital}
onChange={handleChange} onChange={handleChange}
@@ -98,7 +98,7 @@ const BasicInfo: React.FC = () => {
parentInputClass="max-w-[224px] w-full" parentInputClass="max-w-[224px] w-full"
labelClass="font-bold text-[18px] leading-[21.78px] tracking-[2%] text-[#5C2684] mb-[2px]" labelClass="font-bold text-[18px] leading-[21.78px] tracking-[2%] text-[#5C2684] mb-[2px]"
select select
selectClass="w-full h-[36px] rounded-[12px]" selectClass="w-full h-[36px] rounded-[6px]"
selectOptions={[{ value: "", label: "Select" }]} selectOptions={[{ value: "", label: "Select" }]}
value={inputValues.agentId} value={inputValues.agentId}
onChange={handleChange} onChange={handleChange}
@@ -114,7 +114,7 @@ const BasicInfo: React.FC = () => {
placeholder="Enter your BVN" placeholder="Enter your BVN"
labelClass="font-bold text-[18px] leading-[21.78px] tracking-[2%] text-[#5C2684] mb-[2px] gap-[2px]" labelClass="font-bold text-[18px] leading-[21.78px] tracking-[2%] text-[#5C2684] mb-[2px] gap-[2px]"
input input
inputClass="w-full h-[36px] bg-[#EFEFEF] px-[2px] rounded-[12px]" inputClass="w-full h-[36px] bg-[#EFEFEF] px-[2px] rounded-[6px]"
value={inputValues.bvn} value={inputValues.bvn}
onChange={handleChange} onChange={handleChange}
onInput={handleInput} onInput={handleInput}
@@ -124,6 +124,7 @@ const BasicInfo: React.FC = () => {
</div> </div>
</div> </div>
{!hideOTPComponent ? ( {!hideOTPComponent ? (
<div className="flex flex-col gap-5">
<div className="flex justify-between items-center g4"> <div className="flex justify-between items-center g4">
<div className="mt-8 max-w-[31.5rem] w-full"> <div className="mt-8 max-w-[31.5rem] w-full">
<div className="flex flex-col gap-3"> <div className="flex flex-col gap-3">
@@ -133,7 +134,7 @@ const BasicInfo: React.FC = () => {
parentInputClass="w-full" parentInputClass="w-full"
labelClass="font-bold text-[18px] leading-[21.78px] tracking-[2%] text-[#5C2684] mb-[2px]" labelClass="font-bold text-[18px] leading-[21.78px] tracking-[2%] text-[#5C2684] mb-[2px]"
input input
inputClass="w-full h-[36px] bg-[#EFEFEF] px-[2px] rounded-[12px]" inputClass="w-full h-[36px] bg-[#EFEFEF] px-[2px] rounded-[6px]"
value={inputValues.firstName} value={inputValues.firstName}
onChange={handleChange} onChange={handleChange}
onInput={handleInput} onInput={handleInput}
@@ -145,7 +146,7 @@ const BasicInfo: React.FC = () => {
parentInputClass="w-full" parentInputClass="w-full"
labelClass="font-bold text-[18px] leading-[21.78px] tracking-[2%] text-[#5C2684] mb-[2px]" labelClass="font-bold text-[18px] leading-[21.78px] tracking-[2%] text-[#5C2684] mb-[2px]"
input input
inputClass="w-full h-[36px] bg-[#EFEFEF] px-[2px] rounded-[12px]" inputClass="w-full h-[36px] bg-[#EFEFEF] px-[2px] rounded-[6px]"
value={inputValues.phone} value={inputValues.phone}
onChange={handleChange} onChange={handleChange}
onInput={handleInput} onInput={handleInput}
@@ -157,7 +158,7 @@ const BasicInfo: React.FC = () => {
parentInputClass="w-full" parentInputClass="w-full"
labelClass="font-bold text-[18px] leading-[21.78px] tracking-[2%] text-[#5C2684] mb-[2px]" labelClass="font-bold text-[18px] leading-[21.78px] tracking-[2%] text-[#5C2684] mb-[2px]"
input input
inputClass="w-full h-[36px] bg-[#EFEFEF] px-[2px] rounded-[12px]" inputClass="w-full h-[36px] bg-[#EFEFEF] px-[2px] rounded-[6px]"
value={inputValues.email} value={inputValues.email}
onChange={handleChange} onChange={handleChange}
onInput={handleInput} onInput={handleInput}
@@ -173,7 +174,7 @@ const BasicInfo: React.FC = () => {
parentInputClass="w-full" parentInputClass="w-full"
labelClass="font-bold text-[18px] leading-[21.78px] tracking-[2%] text-[#5C2684] mb-[2px]" labelClass="font-bold text-[18px] leading-[21.78px] tracking-[2%] text-[#5C2684] mb-[2px]"
input input
inputClass="w-full h-[36px] bg-[#EFEFEF] px-[2px] rounded-[12px] px-3" inputClass="w-full h-[36px] bg-[#EFEFEF] px-[2px] rounded-[6px] px-3"
value={inputValues.surname} value={inputValues.surname}
onChange={handleChange} onChange={handleChange}
onInput={handleInput} onInput={handleInput}
@@ -185,7 +186,7 @@ const BasicInfo: React.FC = () => {
parentInputClass="w-full" parentInputClass="w-full"
labelClass="font-bold text-[18px] leading-[21.78px] tracking-[2%] text-[#5C2684] mb-[2px]" labelClass="font-bold text-[18px] leading-[21.78px] tracking-[2%] text-[#5C2684] mb-[2px]"
input input
inputClass="w-full h-[36px] bg-[#EFEFEF] px-[2px] rounded-[12px] px-3" inputClass="w-full h-[36px] bg-[#EFEFEF] px-[2px] rounded-[6px] px-3"
value={inputValues.dob} value={inputValues.dob}
onChange={handleChange} onChange={handleChange}
onInput={handleInput} onInput={handleInput}
@@ -197,7 +198,7 @@ const BasicInfo: React.FC = () => {
parentInputClass="w-full" parentInputClass="w-full"
labelClass="font-bold text-[18px] leading-[21.78px] tracking-[2%] text-[#5C2684] mb-[2px]" labelClass="font-bold text-[18px] leading-[21.78px] tracking-[2%] text-[#5C2684] mb-[2px]"
input input
inputClass="w-full h-[36px] bg-[#EFEFEF] px-[2px] rounded-[12px] px-3" inputClass="w-full h-[36px] bg-[#EFEFEF] px-[2px] rounded-[6px] px-3"
value={inputValues.secondName} value={inputValues.secondName}
onChange={handleChange} onChange={handleChange}
onInput={handleInput} onInput={handleInput}
@@ -206,6 +207,12 @@ const BasicInfo: React.FC = () => {
</div> </div>
</div> </div>
</div> </div>
<div className="w-full flex justify-end">
<button className="w-full max-w-[15.25rem] h-[36px] rounded bg-[#FBB700] rounded-2 px-4 text-[18px] text-[#282828] font-semibold disabled:text-[#282828] disabled:text-opacity-50">
Enter
</button>
</div>
</div>
) : null} ) : null}
</> </>
); );