This commit is contained in:
lingdocs 2022-04-04 16:35:51 +05:00
parent f1dd160b53
commit 0467080343
4 changed files with 25 additions and 38 deletions

View File

@ -181,6 +181,7 @@ function VerbPicker({ onChange, subject, changeSubject, verb, verbs }: {
value={verb?.verb}
onChange={onVerbSelect}
name="Verb"
isVerbSelect
/>
{/* <Select
value={verb && verb.verb.entry.ts.toString()}

View File

@ -43,7 +43,11 @@ function NPPicker({ np, onChange, counterPart, asObject }: {
const isDynamicComplement = np && np.type === "noun" && np.dynamicComplement;
const clearButton = <button className="btn btn-sm btn-light mb-2" onClick={handleClear}>X</button>;
return <div>
{!npType && <div className="text-center mt-3">
{!npType && <div className="d-flex flex-row align-items-center text-center mt-3">
<div className="h4 mr-3">
NP
</div>
<div className="ml-3">
{npTypes.map((npt) => <div className="mb-2">
<button
key={npt}
@ -54,6 +58,7 @@ function NPPicker({ np, onChange, counterPart, asObject }: {
{npt}
</button>
</div>)}
</div>
</div>}
{(npType === "pronoun" && np?.type === "pronoun")
? <PronounPicker

View File

@ -1,21 +0,0 @@
import NPPicker from "../np-picker/NPPicker";
function ObjectDisplay({ object, onChange, counterPart }: {
object: Exclude<VerbObject, "none">,
onChange: (o: NPSelection | undefined) => void,
counterPart: NPSelection | undefined ,
}) {
return <div>
{(typeof object === "number")
? <div className="text-muted">Unspoken 3rd Pers. Masc. Plur.</div>
: <NPPicker
asObject
np={object}
counterPart={counterPart}
onChange={onChange}
/>}
</div>;
}
export default ObjectDisplay;

View File

@ -2,7 +2,6 @@ import { useState } from "react";
import NPPicker from "../np-picker/NPPicker";
import VerbPicker from "../VerbPicker";
import VPDisplay from "./VPDisplay";
import ObjectDisplay from "./ObjectDisplay";
import { verbs } from "../../words/words";
import { renderVP } from "../../lib/phrase-building";
import {
@ -66,11 +65,14 @@ export function PhraseBuilder() {
</div>
{verb && (verb.object !== "none") && <div className="my-2">
<div className="h4">Object {showRole(VPRendered, "object")}</div>
<ObjectDisplay
object={verb.object}
{(typeof verb.object === "number")
? <div className="text-muted">Unspoken 3rd Pers. Masc. Plur.</div>
: <NPPicker
asObject
np={verb.object}
counterPart={subject}
onChange={handleObjectChange}
/>
/>}
</div>}
<div className="my-2">
<div className="h4">Verb</div>