app first commit

app/src/App.tsx

@@ -0,0 +1,54 @@
+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;