app.tsx

import { useEffect } from 'react';
import { Provider } from 'react-redux';
import { BrowserRouter as Router } from 'react-router-dom';

import { ThemeProvider } from '@material-ui/core/styles';
import CssBaseline from '@material-ui/core/CssBaseline';

import { Routes } from '@/components/Routes';
import { theme } from '@/styles/theme';
import { store } from '@/store/store';
import { authActions } from '@/store/auth';

import '@/styles/index.scss';
import { NastavnikAPI } from './api/instance';

function App() {
  useEffect(() => {
    const auth = localStorage.getItem('nastavnik-auth');

    if (auth) {
      const parsedAuth = JSON.parse(auth);
      NastavnikAPI.updateToken(parsedAuth.sess_token);
      store.dispatch(authActions.set(parsedAuth));
    }
  }, []);

  return (
    <Router>
      <Provider store={store}>
        <ThemeProvider theme={theme}>
          <CssBaseline>
            <Routes />
          </CssBaseline>
        </ThemeProvider>
      </Provider>
    </Router>
  );
}

export default App;