diff --git a/components/Layout.tsx b/components/Layout.tsx
index cf0f187..98d6db1 100644
--- a/components/Layout.tsx
+++ b/components/Layout.tsx
@@ -16,7 +16,7 @@ const Layout = ({ children }: Props) => {
-
+
{user ? : }
diff --git a/icons/CheckCircle.tsx b/icons/CheckCircle.tsx
new file mode 100644
index 0000000..027b286
--- /dev/null
+++ b/icons/CheckCircle.tsx
@@ -0,0 +1,22 @@
+import React, { SVGAttributes } from 'react'
+
+type Props = SVGAttributes
+
+const CheckCircle = (props: Props) => {
+ return (
+
+ )
+}
+
+export default CheckCircle
diff --git a/pages/games/[gameId].tsx b/pages/games/[gameId].tsx
index 9f86102..3ec6406 100644
--- a/pages/games/[gameId].tsx
+++ b/pages/games/[gameId].tsx
@@ -229,7 +229,7 @@ function Table({ gameId }: TableProps) {
{players.map((player, i) => (
-
+
{i + 1} |
{player.name} |
{player.score} |
diff --git a/pages/games/[gameId]/[playerId].tsx b/pages/games/[gameId]/[playerId].tsx
index 7501383..974a846 100644
--- a/pages/games/[gameId]/[playerId].tsx
+++ b/pages/games/[gameId]/[playerId].tsx
@@ -12,6 +12,7 @@ import useInterval from '../../../hooks/useInterval'
import Countdown from '../../../components/Countdown'
import Link from 'next/link'
import A from '../../../ui/A'
+import CheckCircle from '../../../icons/CheckCircle'
const PlayerId = () => {
const router = useRouter()
@@ -81,19 +82,21 @@ const PlayerId = () => {
return (
<>
- {game.name}
{player.status === 'playing' ? (
) : (
-
+ <>
+ {game.name}
+
+ >
)}
>
)
@@ -126,22 +129,23 @@ function PlayerGame({ game, onFinish }: GameProps) {
const currentQuestion = game.questions[currentIndex]
return (
-
+
{currentQuestion.description}
-
+
{currentQuestion.options.map((option) => (
- -
+
-
))}