• Index
• Search by APIs
• Search by Words
• Project Search

• Java
• Python
• JavaScript
• TypeScript
• C++
• Scala
• Blog

• react-memory-game-master
  • .eslintignore
  • src
    • pages
      • Game
        • GameControlBar
          • index.tsx
          • styles.ts
        • GameWinMessage
          • index.tsx
          • styles.ts
        • index.tsx
        • IconList.ts
        • GameCards
          • index.tsx
          • styles.ts
        • useClearGameState.ts
        • styles.ts
        • types.ts
        • useCheckGameEnd.ts
        • GameContext.ts
      • App
        • index.tsx
      • DifficultyChooser
        • index.tsx
        • styles.ts
    • index.tsx
    • hooks
      • useArrayShuffle.ts
      • index.ts
      • useTypedSelector.ts
      • useTimer.ts
    • components
      • DifficultyItem
        • index.tsx
        • styles.ts
      • Card
        • index.tsx
        • styles.ts
      • AlertModal
        • index.tsx
        • styles.ts
    • styled.d.ts
    • store
      • actions
        • index.ts
        • GameConfigAction.ts
        • ThemeActions.ts
      • reducers
        • ThemeReducer.ts
        • GameConfigReducer.ts
      • index.ts
    • config
      • Difficulties.ts
      • StorageKeys.ts
      • IconLibrary.ts
    • types
      • GameConfig.ts
      • Theme.ts
    • styles
      • Global.ts
      • Theme.ts
    • react-app-env.d.ts
  • public
    • index.html
  • LICENSE
  • .editorconfig
  • README.md
  • package.json
  • .eslintrc.js
  • tsconfig.json
  • .gitignore
  • .prettierrc.js

import React from 'react'
import { HashRouter, Switch, Route } from 'react-router-dom'
import { ThemeProvider } from 'styled-components'
import DificultyChooser from '../DifficultyChooser'
import GlobalStyles from '../../styles/Global'
import { useTypedSelector } from '../../hooks'
import THEME_COLORS from '../../styles/Theme'
import { ThemeTypes } from '../../types/Theme'
import Game from '../Game'

const App: React.FC = () => {
  const themeType = useTypedSelector(({ Theme }) => Theme.type)
  const themeColors = THEME_COLORS[themeType || ThemeTypes.dark]

  return (
    <ThemeProvider theme={themeColors}>
      <GlobalStyles />
      <HashRouter basename={process.env.PUBLIC_URL}>
        <Switch>
          <Route exact path="/" component={DificultyChooser} />
          <Route exact path="/game" component={Game} />
        </Switch>
      </HashRouter>
    </ThemeProvider>
  )
}

export default App