Added voting feature and strikethrough on invalid answers, next question button

[SpencerHC]

Strike through only on a users own repeat answers, not when opponent has same answer

[simlmx]

Suggested change

	export type answer = {
	export type Answer = {

[simlmx]

Suggested change

	answer: string;
	categoryIndex: number;
	points: number;

altough it's fine to keep the points for a later PR.

[SpencerHC]

Is categoryIndex the index of the answer in the category?

[SpencerHC]

Whoops disregard, other comment referring to this was hidden for some reason

[simlmx]

You're right to be confused I think we also do need the userId in the payload, but it's the user id of the "voteD" player, not the voter! This is confusing 😅

[simlmx]

Let's swap the if at line 76:

// We are done with this phase when any player has entered 10 answers.
const weAreDone = answerRound.every((a) => a.length > 0)

if (!weAreDone) {
  return;
}

// When we are done we go to the Write phase.
board.phase = 'review' as const;

board.answer = {}
board.playerVotes = {}
...

[simlmx]

Suggested change

	executeNow({ board, playerboard, payload }) {
	executeNow({ board, playerboard, userId, payload }) {

[simlmx]

No need to pass the userId as a parameter: we have access to the userId that is making the move, always.

Suggested change

userId: string;

[simlmx]

Scratch that we need a userId, the userId of the player who wrote the answer we are voting against.

[simlmx]

Suggested change

	<button onClick={() => makeMove("nextStep")}>Next Question</button>
	<button onClick={() => makeMove("nextStep")}>Next Category</button>

[simlmx]

We should probably have a separate file, maybe hooks.ts where we put those two lines. All makeUse* functions are doing is adding the typing information to the use* functions (so that type checking is done when we call them).

So this would become a simple import:

import { useMakeMove, useSelector } from './hooks'

[simlmx]

Suggested change

console.log(flagged);

[simlmx]

Suggested change

	onClick={() => makeMove("vote", { userId: userId, answer: answer })}
	onClick={() => makeMove("vote", { answer })}

[simlmx]

Suggested change

	export function Flag({ userId, answer }: { userId: UserId; answer: string }) {
	export function Flag({ categoryIndex }: { categoryIndex: number }) {

[simlmx]

const valid = !checkAnswers.includes(a)

[simlmx]

Summary of our discussions:

1. remove all the validation (isValid, etc.)
2. update the data structure and fix the code accordingly
3. keep things simple!