Provide definition of word when found #11

Author: SargisYonan

src/App.tsx

@@ -20,6 +20,12 @@ import {
   WORD_NOT_FOUND_MESSAGE,
   CORRECT_WORD_MESSAGE,
 } from './constants/strings'
+import {
+  WORDS,
+  WORDS_WITH_VOWELS,
+  DEFINITIONS,
+  PARTS_OF_SPEECH,
+} from './constants/wordlist'
 import {
   MAX_WORD_LENGTH,
   MAX_CHALLENGES,
@@ -31,6 +37,7 @@ import {
   isWordInWordList,
   isWinningWord,
   solution,
+  solutionIndex,
   findFirstUnusedReveal,
 } from './lib/words'
 import { addStatsForCompletedGame, loadStats } from './lib/stats'
@@ -273,6 +280,10 @@ function App() {
         gameStats={stats}
         isGameLost={isGameLost}
         isGameWon={isGameWon}
+        word={WORDS[solutionIndex]}
+        wordwithvowels={WORDS_WITH_VOWELS[solutionIndex]}
+        partofspeech={PARTS_OF_SPEECH[solutionIndex]}
+        definition={DEFINITIONS[solutionIndex]}
         handleShare={() => {
           setSuccessAlert(GAME_COPIED_MESSAGE)
           return setTimeout(() => setSuccessAlert(''), ALERT_TIME_MS)

src/components/modals/AboutModal.tsx

@@ -9,7 +9,7 @@ export const AboutModal = ({ isOpen, handleClose }: Props) => {
   return (
     <BaseModal title="ܒܘܕ ܕܐܗܐ ܛܐܠܬܐ" isOpen={isOpen} handleClose={handleClose}>
       <p className="text-2xl text-gray-500 dark:text-gray-300">
-        ܡܡܠܠ - ܛܐܠܬܐ ܕܡܠ̈ܐ ܀
+        ܡܡܠܠ ܀{' '}
         <a href="https://yonan.org/" className="underline font-bold">
           ܒܪܝܢܐ ܕܡܡܠܠ
         </a>{' '}

src/components/modals/StatsModal.tsx

@@ -16,6 +16,10 @@ type Props = {
   isOpen: boolean
   handleClose: () => void
   guesses: string[]
+  word: string
+  wordwithvowels: string
+  partofspeech: string
+  definition: string
   gameStats: GameStats
   isGameLost: boolean
   isGameWon: boolean
@@ -27,6 +31,10 @@ export const StatsModal = ({
   isOpen,
   handleClose,
   guesses,
+  word,
+  wordwithvowels,
+  partofspeech,
+  definition,
   gameStats,
   isGameLost,
   isGameWon,
@@ -45,11 +53,16 @@ export const StatsModal = ({
     )
   }
   return (
-    <BaseModal
-      title={STATISTICS_TITLE}
-      isOpen={isOpen}
-      handleClose={handleClose}
-    >
+    <BaseModal title={wordwithvowels} isOpen={isOpen} handleClose={handleClose}>
+      <div style={{ direction: 'rtl' }}>
+        <h4 dir="ltr" className="text-lg leading-8 font-large dark:text-white">
+          [{partofspeech}] {definition}
+        </h4>
+      </div>
+
+      <h4 className="text-4xl leading-15 font-large dark:text-white">
+        {STATISTICS_TITLE}
+      </h4>
       <StatBar gameStats={gameStats} />
       <h4 className="text-lg leading-6 font-medium text-gray-900 dark:text-gray-100">
         {GUESS_DISTRIBUTION_TEXT}

src/components/stats/StatBar.tsx

@@ -1,4 +1,5 @@
 import { GameStats } from '../../lib/localStorage'
+
 import {
   TOTAL_TRIES_TEXT,
   SUCCESS_RATE_TEXT,