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>}
<div className="d-flex flex-row justify-content-between mt-2">
{state.mode === "test" && <StrikesDisplay strikes={state.strikes} />}
{state.mode === "practice" && <PracticeStatusDisplay
{state.mode === "test"
? <StrikesDisplay strikes={state.strikes} />
: state.mode === "practice" ? <PracticeStatusDisplay
correct={state.numberComplete}
incorrect={state.strikes}
/>}
/>
: <div />}
<div className="d-flex flex-row justify-content-right">
{state.mode === "test" && <CountdownCircleTimer
key={state.timerKey}
@ -296,7 +298,7 @@ function GameCore<Question>({ inChapter, getQuestion, amount, Display, DisplayCo
</div>}
</div>
<Reward ref={rewardRef} config={{ lifetime: 130, spread: 90, elementCount: 150, zIndex: 999999999 }} type="confetti">
<div>
<div className="mb-2">
{state.mode === "intro" && <div>
<div className="pt-3">
{/* 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;
export default function GenderGame({level, id, link, inChapter }: {