diff --git a/package.json b/package.json index bb5cf86..b1a02a1 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@lingdocs/pashto-inflector", - "version": "1.9.6", + "version": "1.9.7", "author": "lingdocs.com", "description": "A Pashto inflection and verb conjugation engine, inculding React components for displaying Pashto text, inflections, and conjugations", "homepage": "https://verbs.lingdocs.com", diff --git a/src/components/vp-explorer/VPExplorer.css b/src/components/vp-explorer/VPExplorer.css deleted file mode 100644 index 31febea..0000000 --- a/src/components/vp-explorer/VPExplorer.css +++ /dev/null @@ -1,13 +0,0 @@ -.answer-feedback { - transition: opacity 0.3s ease-in; - opacity: 0.8; - position: fixed; - top: 50%; - left: 50%; - z-index: 99999999; - transform: translate(-50%, -50%); -} - -.hide { - opacity: 0; -} \ No newline at end of file diff --git a/src/components/vp-explorer/VPExplorer.tsx b/src/components/vp-explorer/VPExplorer.tsx index 5778709..6f00790 100644 --- a/src/components/vp-explorer/VPExplorer.tsx +++ b/src/components/vp-explorer/VPExplorer.tsx @@ -11,21 +11,30 @@ import * as T from "../../types"; import ChartDisplay from "./ChartDisplay"; import useStickyState from "../../lib/useStickyState"; import { makeVPSelectionState } from "./verb-selection"; -import { useEffect, useState } from "react"; +import { CSSProperties, useEffect, useState } from "react"; import { randomSubjObj } from "../../library"; import shuffleArray from "../../lib/shuffle-array"; import InlinePs from "../InlinePs"; import { psStringEquals } from "../../lib/p-text-helpers"; -import classNames from "classnames"; import { randFromArray } from "../../lib/misc-helpers"; import playAudio from "../../lib/play-audio"; -import "./VPExplorer.css"; // import { useReward } from 'react-rewards'; const kingEmoji = "👑"; const servantEmoji = "🙇‍♂️"; const correctEmoji = ["✅", '🤓', "✅", '😊', "🌹", "✅", "✅", "🕺", "💃", '🥳', "👏", "✅", "💯", "😎", "✅", "👍"]; +const answerFeedback: CSSProperties = { + "fontSize": "4rem", + "transition": "opacity 0.3s ease-in", + "opacity": 0.9, + "position": "fixed", + "top": "60%", + "left": "50%", + "zIndex": 99999999, + "transform": "translate(-50%, -50%)", +} + // TODO: Drill Down text display options // TODO: SHOW KING AND SERVANT ONCE TENSE PICKED, EVEN IF NPs not selected @@ -256,9 +265,8 @@ export function VPExplorer(props: { } {(vps.verb && (mode === "charts")) && } - {(mode === "quiz" && quizState) &&
-
+
{currentCorrectEmoji}
{quizState.result === "waiting" ? <>