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 (