diff --git a/src/components/story/Score.tsx b/src/components/story/Score.tsx new file mode 100644 index 0000000..fae4ab1 --- /dev/null +++ b/src/components/story/Score.tsx @@ -0,0 +1,17 @@ +import scores from "../../store/score.ts"; +const score = scores.get(); + +const Score = () => { + return ( +
+

{score[0]}

+

{score[1]}

+

{score[2]}

+

{score[3]}

+

{score[4]}

+

{score[5]}

+
+ ); +}; + +export default Score; diff --git a/src/components/story/TapLast.tsx b/src/components/story/TapLast.tsx new file mode 100644 index 0000000..1264e32 --- /dev/null +++ b/src/components/story/TapLast.tsx @@ -0,0 +1,40 @@ +import scores from "../../store/score.ts"; +const score = scores.get(); +const url = { + 0: "../cocktail/sangria", + 1: "../cocktail/cosmopolitan", + 2: "../cocktail/pinacolada", + 3: "../cocktail/ginandtonic", + 4: "../cocktail/bluelagoon", + 5: "../cocktail/lavenderlemonade", +}; + +const TapLast = () => { + const handleEvents = () => { + console.log(score); + let maxKey: string; + const scoreMap: { [key: string]: number } = score; + const maxScore = Math.max(...Object.values(scoreMap)); + Object.keys(scoreMap).forEach((key) => { + if (scoreMap[key] === maxScore) { + maxKey = key; + } + }); + location.href = url[maxKey]; + }; + + return ( +
+

+ Tap to +
+ continue +

+
+ ); +}; + +export default TapLast; diff --git "a/src/components/story/\340\270\272ButtonScore.tsx" "b/src/components/story/\340\270\272ButtonScore.tsx" index a7e1454..adb5469 100644 --- "a/src/components/story/\340\270\272ButtonScore.tsx" +++ "b/src/components/story/\340\270\272ButtonScore.tsx" @@ -14,7 +14,7 @@ const ButtonScore = ({ text, scoreArray, redirect }: Props) => { return (