setting to disable tilt

app/AppContext.tsx

@@ -1,41 +1,34 @@
 'use client';
 
-import { createContext, useContext, useEffect, useState, ReactNode } from 'react';
+import { createContext, useContext, useEffect, useState } from 'react';
 import useSocket from '@/hooks/useSocket';
-import type { GameUpdate, Tilt } from '@/types';
+
+import { GAME_START, LOCAL_DEFAULTS } from '@/constants';
+import type { Dispatch, ReactNode, SetStateAction } from 'react';
+import type { GameUpdate, LocalSettings, Settings, Tilt } from '@/types';
 
 const AppContext = createContext<AppContext | undefined>(undefined);
 
-const gameStart: GameUpdate = {
-	dmID: '',
-	spectatorID: '',
-	cards: [],
-	settings: {
-		positionBack: false,
-		positionFront: false,
-		prophecy: false,
-		notes: false,
-		cardStyle: 'color',
-	},
-	tilts: Array.from({ length: 5 }, () => []),
-};
-
 export interface AppContext {
 	gameData: GameUpdate;
+	isDM: boolean;
 	noGame: boolean;
-	tilt: Tilt[];
 	selectCardIndex: number;
+	settings: Settings;
+	tilt: Tilt[];
 	emitFlip: (cardIndex: number) => void;
 	emitSettings: (gameData: GameUpdate) => void;
 	emitRedraw: (cardIndex: number) => void;
 	emitSelect: (cardID: string) => void;
 	setGameID: (gameID: string) => void;
+	setLocalSettings: Dispatch<SetStateAction<LocalSettings>>;
 	setSelectCardIndex: (cardIndex: number) => void;
 	setTilt: (tilt: Tilt[]) => void;
 }
 
 export function AppProvider({ children }: { children: ReactNode }) {
-	const [gameData, setGameData] = useState<GameUpdate>(gameStart);
+	const [gameData, setGameData] = useState<GameUpdate>({ ...GAME_START });
+	const [localSettings, setLocalSettings] = useState<LocalSettings>(() => ({ ...LOCAL_DEFAULTS }));
 	const [gameID, setGameID] = useState('');
 	const [noGame, setNoGame] = useState(false);
 	const [selectCardIndex, setSelectCardIndex] = useState(-1);
@@ -61,16 +54,22 @@ export function AppProvider({ children }: { children: ReactNode }) {
 		emitSelect(selectCardIndex, cardID);
 	};
 
+	const { dmID } = gameData;
+	const isDM = !!dmID;
+
 	const appInterface = {
 		gameData,
+		isDM,
 		noGame,
-		tilt,
 		selectCardIndex,
+		settings: { ...gameData.settings, ...localSettings },
+		tilt,
 		emitFlip,
 		emitSettings,
 		emitRedraw,
 		emitSelect: handleSelect,
 		setGameID,
+		setLocalSettings,
 		setSelectCardIndex,
 		setTilt,
 	};