55 lines
1.7 KiB
TypeScript
55 lines
1.7 KiB
TypeScript
|
import './App.css';
|
||
|
|
import './theme/variables.css';
|
||
|
|
import '@ionic/react/css/core.css';
|
||
|
|
import '@ionic/react/css/display.css';
|
||
|
|
import '@ionic/react/css/flex-utils.css';
|
||
|
|
import '@ionic/react/css/float-elements.css';
|
||
|
|
import '@ionic/react/css/normalize.css';
|
||
|
|
import '@ionic/react/css/padding.css';
|
||
|
|
import '@ionic/react/css/palettes/dark.system.css';
|
||
|
|
import '@ionic/react/css/structure.css';
|
||
|
|
import '@ionic/react/css/text-alignment.css';
|
||
|
|
import '@ionic/react/css/text-transformation.css';
|
||
|
|
import '@ionic/react/css/typography.css';
|
||
|
|
|
||
|
|
import { IonApp, IonIcon, IonLabel, IonRouterOutlet, IonTabBar, IonTabButton, IonTabs, setupIonicReact } from '@ionic/react';
|
||
|
|
import { IonReactRouter } from '@ionic/react-router';
|
||
|
|
import { list, musicalNote, search } from 'ionicons/icons';
|
||
|
|
import { useAtom } from 'jotai';
|
||
|
|
import { useEffect } from 'react';
|
||
|
|
import { Redirect, Route } from 'react-router-dom';
|
||
|
|
|
||
|
|
import { currentTrackAtom } from './atoms';
|
||
|
|
import { mocks } from './mocks';
|
||
|
|
import Tab1 from './pages/Tab1';
|
||
|
|
import Tab2 from './pages/Tab2';
|
||
|
|
import Tab3 from './pages/Tab3';
|
||
|
|
import Tab from './pages/Tab3';
|
||
|
|
|
||
|
|
/* Core CSS required for Ionic components to work properly */
|
||
|
|
/* Basic CSS for apps built with Ionic */
|
||
|
|
/* Optional CSS utils that can be commented out */
|
||
|
|
/* Dark mode */
|
||
|
|
/* Theme variables */
|
||
|
|
/* Custom CSS */
|
||
|
|
setupIonicReact();
|
||
|
|
|
||
|
|
const App: React.FC = () => {
|
||
|
|
const [current, setCurrent] = useAtom(currentTrackAtom)
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
setCurrent(mocks.nowPlaying)
|
||
|
|
}, [])
|
||
|
|
|
||
|
|
return (
|
||
|
|
<IonApp>
|
||
|
|
{/* {current && <Background imageUrl={current.coverUrl} color={current.color}/>} */}
|
||
|
|
<IonReactRouter>
|
||
|
|
<Tab />
|
||
|
|
</IonReactRouter>
|
||
|
|
</IonApp>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default App;
|