Refactor component function declarations to arrow

functions

client/src/components/Answer.tsx

@@ -1,7 +1,7 @@
 import {useState} from 'react';
 import { Player } from './Player';
 
-function Answer({sendJsonMessage, prompt, players}: {sendJsonMessage: any, prompt: string, players: Player[]}) {
+const Answer = ({sendJsonMessage, prompt, players}: {sendJsonMessage: any, prompt: string, players: Player[]}) => {
 
     const [answer, setAnswer] = useState('');
 

client/src/components/Game.tsx

@@ -4,7 +4,7 @@ import Lobby from "./Lobby";
 import { Player } from "./Player";
 import PlayerIcon from "./PlayerIcon";
 
-function Game({sendJsonMessage, lastMessageJson}: {sendJsonMessage: any, lastMessageJson: any}) {
+const Game = ({sendJsonMessage, lastMessageJson}: {sendJsonMessage: any, lastMessageJson: any}) => {
 
     let round:number = -1;
     let players:Player[] = [];

client/src/components/Guess.tsx

@@ -1,7 +1,7 @@
 import {useState} from 'react';
 import { Player } from './Player';
 
-function Guess({sendJsonMessage, players, answers, currentPlayerId, playerId, prompt}: {sendJsonMessage: any, players: Player[], answers: string[], currentPlayerId: string, playerId: string, prompt: string}) {
+const Guess = ({sendJsonMessage, players, answers, currentPlayerId, playerId, prompt}: {sendJsonMessage: any, players: Player[], answers: string[], currentPlayerId: string, playerId: string, prompt: string}) => {
 
     const [guessPlayer, setGuessPlayer] = useState('');
     const [guessAnswer, setGuessAnswer] = useState('');

client/src/components/Header.tsx

@@ -1,8 +1,7 @@
 import Logo from '../images/Logo.png'
 
 const Header = ({roomCode}: {roomCode:string}) => {
-
-const roomCodeUpper = roomCode.toUpperCase();
+  const roomCodeUpper = roomCode.toUpperCase();
 
   return (
     <>

client/src/components/Join.tsx

@@ -1,6 +1,6 @@
 import {useState} from 'react';
 
-function Join({sendJsonMessage, roomCode, setRoomCode}: {sendJsonMessage: any, roomCode: any, setRoomCode: any}) {
+const Join = ({sendJsonMessage, roomCode, setRoomCode}: {sendJsonMessage: any, roomCode: any, setRoomCode: any}) => {
 
     const [username, setUsername] = useState('');
 

client/src/components/PlayerIcon.tsx

@@ -1,6 +1,3 @@
-import {useState} from 'react';
-import { Player } from './Player';
-
 export const iconMap:any = {
     bear: "bear.svg",
     chicken: "chicken.svg",
@@ -18,7 +15,7 @@ export const iconMap:any = {
     cow: "cow.svg"
 }
 
-function PlayerIcon({iconName}: {iconName: string}) {
+const PlayerIcon = ({iconName}: {iconName: string}) => {
     if (!iconMap[iconName]) {
         return <></>
     }