aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/Result/index.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/Result/index.tsx')
-rw-r--r--src/components/Result/index.tsx17
1 files changed, 17 insertions, 0 deletions
diff --git a/src/components/Result/index.tsx b/src/components/Result/index.tsx
index 4ce7f35..c74e4f8 100644
--- a/src/components/Result/index.tsx
+++ b/src/components/Result/index.tsx
@@ -9,6 +9,7 @@ import { MiniYouTubePlayer } from "../MiniYouTubePlayer";
import * as Styled from "./index.styled";
import { theme } from "../../constants";
+import GuessDistributionChart from '../Chart';
interface SolutionProps {
didGuess: boolean;
@@ -89,6 +90,7 @@ interface Props {
todaysSolution: Song;
guesses: GuessType[];
mode?: "daily" | "unlimited";
+ sessionDate: string;
onPlayAgain?: () => void;
}
@@ -98,6 +100,7 @@ export function Result({
guesses,
currentTry,
mode = "daily",
+ sessionDate,
onPlayAgain,
}: Props) {
const now = new Date();
@@ -126,6 +129,13 @@ export function Result({
currentTry={currentTry}
isUnlimited={isUnlimited}
/>
+ {!isUnlimited && (
+ <GuessDistributionChart
+ currentTry={currentTry}
+ didGuess={didGuess}
+ sessionDate={sessionDate}
+ />
+ )}
{!isUnlimited && <ShareButton guesses={guesses} variant="green" />}
@@ -152,6 +162,13 @@ export function Result({
currentTry={currentTry}
isUnlimited={isUnlimited}
/>
+ {!isUnlimited && (
+ <GuessDistributionChart
+ currentTry={currentTry}
+ didGuess={didGuess}
+ sessionDate={sessionDate}
+ />
+ )}
{!isUnlimited && <ShareButton guesses={guesses} variant="red" />}
send patches to the email below
yukais@pinapelz.com
include the subject [PATCH repo_name]
pinapelz.com
homepage