navidrome/ui/src/App.js

import React from 'react'
import { Provider } from 'react-redux'
import { createHashHistory } from 'history'
import { Admin, resolveBrowserLocale, Resource } from 'react-admin'
import dataProvider from './dataProvider'
import authProvider from './authProvider'
import polyglotI18nProvider from 'ra-i18n-polyglot'
import messages from './i18n'
import { Layout, Login } from './layout'
import transcoding from './transcoding'
import player from './player'
import user from './user'
import song from './song'
import album from './album'
import artist from './artist'
import { Player, playQueueReducer } from './audioplayer'
import { albumViewReducer } from './album/albumState'
import customRoutes from './routes'
import themeReducer from './personal/themeReducer'
import createAdminStore from './store/createAdminStore'

const i18nProvider = polyglotI18nProvider(
  (locale) => (messages[locale] ? messages[locale] : messages.en),
  resolveBrowserLocale()
)

const history = createHashHistory()

const App = () => {
  try {
    const appConfig = JSON.parse(window.__APP_CONFIG__)

    // This flags to the login process that it should create the first account instead
    if (appConfig.firstTime) {
      localStorage.setItem('initialAccountCreation', 'true')
    }
    localStorage.setItem('baseURL', appConfig.baseURL)
  } catch (e) {}

  return (
    <Provider
      store={createAdminStore({
        authProvider,
        dataProvider,
        history,
        customReducers: {
          queue: playQueueReducer,
          albumView: albumViewReducer,
          theme: themeReducer
        }
      })}
    >
      <Admin
        dataProvider={dataProvider}
        authProvider={authProvider}
        i18nProvider={i18nProvider}
        customRoutes={customRoutes}
        history={history}
        layout={Layout}
        loginPage={Login}
      >
        {(permissions) => [
          <Resource
            name="artist"
            {...artist}
            options={{ subMenu: 'library' }}
          />,
          <Resource name="album" {...album} options={{ subMenu: 'library' }} />,
          <Resource name="song" {...song} options={{ subMenu: 'library' }} />,
          <Resource name="albumSong" />,
          permissions === 'admin' ? (
            <Resource name="user" {...user} options={{ subMenu: 'settings' }} />
          ) : null,
          <Resource
            name="player"
            {...player}
            options={{ subMenu: 'settings' }}
          />,
          permissions === 'admin' ? (
            <Resource
              name="transcoding"
              {...transcoding}
              options={{ subMenu: 'settings' }}
            />
          ) : (
            <Resource name="transcoding" />
          ),
          <Player />
        ]}
      </Admin>
    </Provider>
  )
}

export default App