|
|
|
@ -1,9 +1,4 @@
|
|
|
|
|
import { useState } from 'react';
|
|
|
|
|
import {
|
|
|
|
|
BuildingOffice2Icon,
|
|
|
|
|
CalendarDaysIcon,
|
|
|
|
|
QuestionMarkCircleIcon,
|
|
|
|
|
} from '@heroicons/react/24/outline';
|
|
|
|
|
import { TextInput } from '@tih/ui';
|
|
|
|
|
|
|
|
|
|
import { useProtectedCallback } from '~/utils/questions/useProtectedCallback';
|
|
|
|
@ -32,9 +27,10 @@ export default function ContributeQuestionCard({
|
|
|
|
|
return (
|
|
|
|
|
<div className="w-full">
|
|
|
|
|
<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"
|
|
|
|
|
className="flex w-full flex-1 justify-between gap-2 rounded-md border border-slate-300 bg-white p-4 text-left hover:bg-slate-100"
|
|
|
|
|
type="button"
|
|
|
|
|
onClick={handleOpenContribute}>
|
|
|
|
|
<div className="w-full">
|
|
|
|
|
<TextInput
|
|
|
|
|
disabled={true}
|
|
|
|
|
isLabelHidden={true}
|
|
|
|
@ -42,34 +38,8 @@ export default function ContributeQuestionCard({
|
|
|
|
|
placeholder="Contribute a question"
|
|
|
|
|
onChange={handleOpenContribute}
|
|
|
|
|
/>
|
|
|
|
|
<div className="flex flex-wrap items-end justify-start gap-2">
|
|
|
|
|
<div className="min-w-[150px] flex-1">
|
|
|
|
|
<TextInput
|
|
|
|
|
disabled={true}
|
|
|
|
|
label="Company"
|
|
|
|
|
startAddOn={BuildingOffice2Icon}
|
|
|
|
|
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>
|
|
|
|
|
<div className="flex flex-wrap items-end justify-start gap-2">
|
|
|
|
|
<h1 className="bg-primary-600 hover:bg-primary-700 rounded-full px-3 py-2 text-white">
|
|
|
|
|
Contribute
|
|
|
|
|
</h1>
|
|
|
|
|