|
|
|
@ -172,35 +172,35 @@ export default function ContributeQuestionForm({
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
</div> */}
|
|
|
|
|
</form>
|
|
|
|
|
<div
|
|
|
|
|
className="bg-primary-50 flex w-full flex-col gap-y-2 py-3 shadow-[0_0_0_100vmax_theme(colors.primary.50)] sm:flex-row sm:justify-between"
|
|
|
|
|
style={{
|
|
|
|
|
// Hack to make the background bleed outside the container
|
|
|
|
|
clipPath: 'inset(0 -100vmax)',
|
|
|
|
|
}}>
|
|
|
|
|
<div className="my-2 flex sm:my-0">
|
|
|
|
|
<CheckboxInput
|
|
|
|
|
label="I have checked that my question is new"
|
|
|
|
|
value={canSubmit}
|
|
|
|
|
onChange={handleCheckSimilarQuestions}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="flex gap-x-2">
|
|
|
|
|
<button
|
|
|
|
|
className="focus:ring-primary-500 inline-flex w-full justify-center rounded-md border border-slate-300 bg-white px-4 py-2 text-base font-medium text-slate-700 shadow-sm hover:bg-slate-50 focus:outline-none focus:ring-2 focus:ring-offset-2 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
|
|
|
|
|
type="button"
|
|
|
|
|
onClick={onDiscard}>
|
|
|
|
|
Discard
|
|
|
|
|
</button>
|
|
|
|
|
<Button
|
|
|
|
|
className="bg-primary-600 hover:bg-primary-700 focus:ring-primary-500 inline-flex w-full justify-center rounded-md border border-transparent px-4 py-2 text-base font-medium text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:bg-slate-400 sm:ml-3 sm:w-auto sm:text-sm"
|
|
|
|
|
disabled={!canSubmit}
|
|
|
|
|
label="Contribute"
|
|
|
|
|
type="submit"
|
|
|
|
|
variant="primary"></Button>
|
|
|
|
|
<div
|
|
|
|
|
className="bg-primary-50 flex w-full flex-col gap-y-2 py-3 shadow-[0_0_0_100vmax_theme(colors.primary.50)] sm:flex-row sm:justify-between"
|
|
|
|
|
style={{
|
|
|
|
|
// Hack to make the background bleed outside the container
|
|
|
|
|
clipPath: 'inset(0 -100vmax)',
|
|
|
|
|
}}>
|
|
|
|
|
<div className="my-2 flex sm:my-0">
|
|
|
|
|
<CheckboxInput
|
|
|
|
|
label="I have checked that my question is new"
|
|
|
|
|
value={canSubmit}
|
|
|
|
|
onChange={handleCheckSimilarQuestions}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="flex gap-x-2">
|
|
|
|
|
<button
|
|
|
|
|
className="focus:ring-primary-500 inline-flex w-full justify-center rounded-md border border-slate-300 bg-white px-4 py-2 text-base font-medium text-slate-700 shadow-sm hover:bg-slate-50 focus:outline-none focus:ring-2 focus:ring-offset-2 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
|
|
|
|
|
type="button"
|
|
|
|
|
onClick={onDiscard}>
|
|
|
|
|
Discard
|
|
|
|
|
</button>
|
|
|
|
|
<Button
|
|
|
|
|
className="bg-primary-600 hover:bg-primary-700 focus:ring-primary-500 inline-flex w-full justify-center rounded-md border border-transparent px-4 py-2 text-base font-medium text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:bg-slate-400 sm:ml-3 sm:w-auto sm:text-sm"
|
|
|
|
|
disabled={!canSubmit}
|
|
|
|
|
label="Contribute"
|
|
|
|
|
type="submit"
|
|
|
|
|
variant="primary"></Button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|