This commit is contained in:
lingdocs 2022-04-05 00:46:06 +05:00
parent 9f9236ba9b
commit 69cf37be70
2 changed files with 22 additions and 20 deletions

View File

@ -122,25 +122,27 @@ function VerbPickerBelow({ onChange, verb }: {
} }
const tOptions = (verb?.tenseCategory === "perfect") ? perfectTenseOptions : tenseOptions; const tOptions = (verb?.tenseCategory === "perfect") ? perfectTenseOptions : tenseOptions;
return <div className="mb-4 mt-3"> return <div className="mb-4 mt-3">
{verb && <div className="col text-center mb-2">
<ButtonSelect
small
value={verb.tenseCategory}
options={[{
label: "Basic",
value: "basic",
}, {
label: "Perfect",
value: "perfect",
}, {
label: "Modal",
value: "modal",
}]}
handleChange={onTenseCategorySelect}
/>
</div>}
<div style={{ maxWidth: "300px", margin: "0 auto" }}> <div style={{ maxWidth: "300px", margin: "0 auto" }}>
<div>Tense:</div> <div className="d-flex flex-row justify-content-between align-items-center">
<div className="h5">Tense:</div>
{verb && <div className="mb-2">
<ButtonSelect
small
value={verb.tenseCategory}
options={[{
label: "Basic",
value: "basic",
}, {
label: "Perfect",
value: "perfect",
}, {
label: "Modal",
value: "modal",
}]}
handleChange={onTenseCategorySelect}
/>
</div>}
</div>
<Select <Select
isSearchable={false} isSearchable={false}
// for some reason can't use tOptions with find here; // for some reason can't use tOptions with find here;

View File

@ -44,8 +44,8 @@ function NPPicker({ np, onChange, counterPart, asObject }: {
const clearButton = <button className="btn btn-sm btn-light mb-2" onClick={handleClear}>X</button>; const clearButton = <button className="btn btn-sm btn-light mb-2" onClick={handleClear}>X</button>;
return <div> return <div>
{!npType && <div className="d-flex flex-row align-items-center text-center mt-3"> {!npType && <div className="d-flex flex-row align-items-center text-center mt-3">
<div className="h4 mr-3"> <div className="h6 mr-3">
NP Choose NP
</div> </div>
<div className="ml-3"> <div className="ml-3">
{npTypes.map((npt) => <div className="mb-2"> {npTypes.map((npt) => <div className="mb-2">