algorithm/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2025-07-28 20:52:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

[questions][fix] fix contribute dialog close (#476)

Browse Source
This commit is contained in:
Jeff Sieu
2022-10-31 16:38:56 +08:00
committed by GitHub
parent 3e0a40efeb
commit a208435dad
2 changed files with 51 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
apps/portal/src/components/questions/ContributeQuestionCard.tsx
View File

@ -30,54 +30,56 @@ export default function ContributeQuestionCard({
}); });
return ( return (
<button <div className="w-full">
className="flex w-full flex-col items-stretch justify-center gap-2 rounded-md border border-slate-300 bg-white p-4 text-left hover:bg-slate-100" <button
type="button" className="flex w-full flex-col items-stretch justify-center gap-2 rounded-md border border-slate-300 bg-white p-4 text-left hover:bg-slate-100"
onClick={handleOpenContribute}> type="button"
<TextInput onClick={handleOpenContribute}>
disabled={true} <TextInput
isLabelHidden={true} disabled={true}
label="Question" isLabelHidden={true}
placeholder="Contribute a question" label="Question"
onChange={handleOpenContribute} placeholder="Contribute a question"
/> onChange={handleOpenContribute}
<div className="flex flex-wrap items-end justify-start gap-2"> />
<div className="min-w-[150px] flex-1"> <div className="flex flex-wrap items-end justify-start gap-2">
<TextInput <div className="min-w-[150px] flex-1">
disabled={true} <TextInput
label="Company" disabled={true}
startAddOn={BuildingOffice2Icon} label="Company"
startAddOnType="icon" startAddOn={BuildingOffice2Icon}
onChange={handleOpenContribute} startAddOnType="icon"
/> onChange={handleOpenContribute}
/>
</div>
<div className="min-w-[150px] flex-1">
<TextInput
disabled={true}
label="Question type"
startAddOn={QuestionMarkCircleIcon}
startAddOnType="icon"
onChange={handleOpenContribute}
/>
</div>
<div className="min-w-[150px] flex-1">
<TextInput
disabled={true}
label="Date"
startAddOn={CalendarDaysIcon}
startAddOnType="icon"
onChange={handleOpenContribute}
/>
</div>
<h1 className="bg-primary-600 hover:bg-primary-700 rounded-full px-3 py-2 text-white">
Contribute
</h1>
</div> </div>
<div className="min-w-[150px] flex-1"> </button>
<TextInput
disabled={true}
label="Question type"
startAddOn={QuestionMarkCircleIcon}
startAddOnType="icon"
onChange={handleOpenContribute}
/>
</div>
<div className="min-w-[150px] flex-1">
<TextInput
disabled={true}
label="Date"
startAddOn={CalendarDaysIcon}
startAddOnType="icon"
onChange={handleOpenContribute}
/>
</div>
<h1 className="bg-primary-600 hover:bg-primary-700 rounded-full px-3 py-2 text-white">
Contribute
</h1>
</div>
<ContributeQuestionDialog <ContributeQuestionDialog
show={showDraftDialog} show={showDraftDialog}
onCancel={handleDraftDialogCancel} onCancel={handleDraftDialogCancel}
onSubmit={onSubmit} onSubmit={onSubmit}
/> />
</button> </div>
); );
} }

7
apps/portal/src/components/questions/ContributeQuestionDialog.tsx
View File

@ -35,7 +35,12 @@ export default function ContributeQuestionDialog({
return ( return (
<div> <div>
<Transition.Root as={Fragment} show={show}> <Transition.Root as={Fragment} show={show}>
<Dialog as="div" className="relative z-10" onClose={onCancel}> <Dialog
as="div"
className="relative z-10"
onClose={() => {
onCancel();
}}>
<Transition.Child <Transition.Child
as={Fragment} as={Fragment}
enter="ease-out duration-300" enter="ease-out duration-300"