scrabble-solver/packages/scrabble-solver/src/hooks/useLocalStorage.ts

Scrabble Solver 2 - Free, open-source, cross-platform, multi-language analysis tool for Scrabble, Scrabble Duel, Super Scrabble, Letter League, Literaki, and Kelimelik. Quickly find the top-scoring words using the given board and tiles.

import { useEffect } from 'react';

import {
  localStorage,
  selectAutoGroupTiles,
  selectBoard,
  selectGame,
  selectInputMode,
  selectLocale,
  selectRack,
  selectShowCoordinates,
  useTypedSelector,
} from 'state';

export const useLocalStorage = () => {
  const autoGroupTiles = useTypedSelector(selectAutoGroupTiles);
  const board = useTypedSelector(selectBoard);
  const game = useTypedSelector(selectGame);
  const inputMode = useTypedSelector(selectInputMode);
  const locale = useTypedSelector(selectLocale);
  const rack = useTypedSelector(selectRack);
  const showCoordinates = useTypedSelector(selectShowCoordinates);

  useEffect(() => {
    if (autoGroupTiles) {
      localStorage.setAutoGroupTiles(autoGroupTiles);
    }
  }, [autoGroupTiles]);

  useEffect(() => {
    if (board) {
      localStorage.setBoard(board);
    }
  }, [board]);

  useEffect(() => {
    if (game) {
      localStorage.setGame(game);
    }
  }, [game]);

  useEffect(() => {
    if (inputMode) {
      localStorage.setInputMode(inputMode);
    }
  }, [inputMode]);

  useEffect(() => {
    if (locale) {
      localStorage.setLocale(locale);
    }
  }, [locale]);

  useEffect(() => {
    if (rack) {
      localStorage.setRack(rack);
    }
  }, [rack]);

  useEffect(() => {
    if (showCoordinates) {
      localStorage.setShowCoordinates(showCoordinates);
    }
  }, [showCoordinates]);
};