ui touchup

This commit is contained in:
lingdocs 2022-09-05 18:10:39 +04:00
parent 07ea0a286a
commit 041be33c75
2 changed files with 9 additions and 7 deletions

View File

@ -268,11 +268,13 @@ function GameCore<Question>({ inChapter, getQuestion, amount, Display, DisplayCo
<div className={`progress-bar bg-${progressColor}`} role="progressbar" style={{ width: getProgressWidth() }} /> <div className={`progress-bar bg-${progressColor}`} role="progressbar" style={{ width: getProgressWidth() }} />
</div>} </div>}
<div className="d-flex flex-row justify-content-between mt-2"> <div className="d-flex flex-row justify-content-between mt-2">
{state.mode === "test" && <StrikesDisplay strikes={state.strikes} />} {state.mode === "test"
{state.mode === "practice" && <PracticeStatusDisplay ? <StrikesDisplay strikes={state.strikes} />
: state.mode === "practice" ? <PracticeStatusDisplay
correct={state.numberComplete} correct={state.numberComplete}
incorrect={state.strikes} incorrect={state.strikes}
/>} />
: <div />}
<div className="d-flex flex-row justify-content-right"> <div className="d-flex flex-row justify-content-right">
{state.mode === "test" && <CountdownCircleTimer {state.mode === "test" && <CountdownCircleTimer
key={state.timerKey} key={state.timerKey}
@ -296,7 +298,7 @@ function GameCore<Question>({ inChapter, getQuestion, amount, Display, DisplayCo
</div>} </div>}
</div> </div>
<Reward ref={rewardRef} config={{ lifetime: 130, spread: 90, elementCount: 150, zIndex: 999999999 }} type="confetti"> <Reward ref={rewardRef} config={{ lifetime: 130, spread: 90, elementCount: 150, zIndex: 999999999 }} type="confetti">
<div> <div className="mb-2">
{state.mode === "intro" && <div> {state.mode === "intro" && <div>
<div className="pt-3"> <div className="pt-3">
{/* TODO: ADD IN TEXT DISPLAY OPTIONS HERE TOO - WHEN WE START USING THEM*/} {/* TODO: ADD IN TEXT DISPLAY OPTIONS HERE TOO - WHEN WE START USING THEM*/}

View File

@ -81,7 +81,7 @@ const exceptions: Record<string, CategorySet> = {
}, },
}; };
const amount = 30; const amount = 25;
type Question = T.DictionaryEntry; type Question = T.DictionaryEntry;
export default function GenderGame({level, id, link, inChapter }: { export default function GenderGame({level, id, link, inChapter }: {