From 2575d9c07c90e11a87d9d348cba77fb33f50e403 Mon Sep 17 00:00:00 2001
From: Christoph Stahl <christoph.stahl@tu-dortmund.de>
Date: Tue, 1 Feb 2022 11:49:34 +0000
Subject: [PATCH] =?UTF-8?q?Eingedeutscht,=20mit=20=F0=9F=8D=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/modals/InfoModal.tsx  | 44 ++++++++++++++--------------
 src/components/modals/StatsModal.tsx |  2 +-
 src/components/modals/WinModal.tsx   |  2 +-
 src/lib/share.ts                     |  2 +-
 src/lib/words.ts                     |  8 +++--
 5 files changed, 31 insertions(+), 27 deletions(-)

diff --git a/src/components/modals/InfoModal.tsx b/src/components/modals/InfoModal.tsx
index 3fc0f32..b579bb9 100644
--- a/src/components/modals/InfoModal.tsx
+++ b/src/components/modals/InfoModal.tsx
@@ -10,41 +10,41 @@ export const InfoModal = ({ isOpen, handleClose }: Props) => {
   return (
     <BaseModal title="How to play" isOpen={isOpen} handleClose={handleClose}>
       <p className="text-sm text-gray-500">
-        Guess the WORDLE in 6 tries. After each guess, the color of the tiles
-        will change to show how close your guess was to the word.
+        Rate das 🍯le in 6 Versuchen. Nach jedem Versuch ändert sich die Farbe des Kästchens
+        um anzuzeigen, wie nah man an der korrekten Lösung ist.
       </p>
 
       <div className="flex justify-center mb-1 mt-4">
-        <Cell value="W" status="correct" />
+        <Cell value="I" status="correct" />
+        <Cell value="M" />
+        <Cell value="K" />
         <Cell value="E" />
-        <Cell value="A" />
         <Cell value="R" />
-        <Cell value="Y" />
       </div>
       <p className="text-sm text-gray-500">
-        The letter W is in the word and in the correct spot.
+        Der Buchstabe I ist an der korrekten Stelle.
       </p>
 
       <div className="flex justify-center mb-1 mt-4">
-        <Cell value="P" />
-        <Cell value="I" />
-        <Cell value="L" status="present" />
-        <Cell value="O" />
-        <Cell value="T" />
-      </div>
-      <p className="text-sm text-gray-500">
-        The letter L is in the word but in the wrong spot.
-      </p>
-
-      <div className="flex justify-center mb-1 mt-4">
-        <Cell value="V" />
-        <Cell value="A" />
-        <Cell value="G" />
-        <Cell value="U" status="absent" />
+        <Cell value="B" />
+        <Cell value="L" />
+        <Cell value="U" status="present" />
+        <Cell value="M" />
         <Cell value="E" />
       </div>
       <p className="text-sm text-gray-500">
-        The letter U is not in the word in any spot.
+        Der Buchstabe U ist in dem Wort enthalten, aber an der falschen Stelle.
+      </p>
+
+      <div className="flex justify-center mb-1 mt-4">
+        <Cell value="W" />
+        <Cell value="A" />
+        <Cell value="B" />
+        <Cell value="E" status="absent" />
+        <Cell value="N" />
+      </div>
+      <p className="text-sm text-gray-500">
+        Der Buchstabe E ist nicht in dem Wort enthalten.
       </p>
     </BaseModal>
   )
diff --git a/src/components/modals/StatsModal.tsx b/src/components/modals/StatsModal.tsx
index 4b0ad02..1cc33df 100644
--- a/src/components/modals/StatsModal.tsx
+++ b/src/components/modals/StatsModal.tsx
@@ -14,7 +14,7 @@ export const StatsModal = ({ isOpen, handleClose, gameStats }: Props) => {
     <BaseModal title="Statistics" isOpen={isOpen} handleClose={handleClose}>
       <StatBar gameStats={gameStats} />
       <h4 className="text-lg leading-6 font-medium text-gray-900">
-        Guess Distribution
+        Rateverteilung
       </h4>
       <Histogram gameStats={gameStats} />
     </BaseModal>
diff --git a/src/components/modals/WinModal.tsx b/src/components/modals/WinModal.tsx
index a0979da..c6c295e 100644
--- a/src/components/modals/WinModal.tsx
+++ b/src/components/modals/WinModal.tsx
@@ -18,7 +18,7 @@ export const WinModal = ({
   handleShare,
 }: Props) => {
   return (
-    <BaseModal title="You won!" isOpen={isOpen} handleClose={handleClose}>
+    <BaseModal title="Richtig 🐻❤️🍯!" isOpen={isOpen} handleClose={handleClose}>
       <div>
         <div className="mx-auto flex items-center justify-center h-12 w-12 rounded-full bg-green-100">
           <CheckIcon className="h-6 w-6 text-green-600" aria-hidden="true" />
diff --git a/src/lib/share.ts b/src/lib/share.ts
index 836c027..ea89bc2 100644
--- a/src/lib/share.ts
+++ b/src/lib/share.ts
@@ -3,7 +3,7 @@ import { solutionIndex } from './words'
 
 export const shareStatus = (guesses: string[]) => {
   navigator.clipboard.writeText(
-    `Not Wordle ${solutionIndex} ${guesses.length}/6\n\n` +
+    `🍯le ${solutionIndex} ${guesses.length}/6\n\n` +
     generateEmojiGrid(guesses)
   )
 }
diff --git a/src/lib/words.ts b/src/lib/words.ts
index d7ba92e..73e72c0 100644
--- a/src/lib/words.ts
+++ b/src/lib/words.ts
@@ -14,10 +14,14 @@ export const isWinningWord = (word: string) => {
 
 export const getWordOfDay = () => {
   // January 1, 2022 Game Epoch
-  
+  const epochMs = new Date('January 1, 2022 00:00:00').valueOf()
+  const now = Date.now()
+  const msInDay = 86400000
+  const index = Math.floor((now - epochMs) / msInDay)
+
   return {
     solution: WORDS[0].toUpperCase(),
-    solutionIndex: 0,
+    solutionIndex: index
   }
 }