geoaccess app
This commit is contained in:
parent
02fa10c2d5
commit
51f507811c
18 changed files with 577 additions and 129 deletions
|
@ -1,30 +1,26 @@
|
|||
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 "./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 { IonApp, setupIonicReact } from "@ionic/react";
|
||||
import { IonReactRouter } from "@ionic/react-router";
|
||||
import { useAtom } from "jotai";
|
||||
import { useEffect, useState } from "react";
|
||||
|
||||
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';
|
||||
import { currentTrackAtom } from "./atoms";
|
||||
import { mocks } from "./mocks";
|
||||
import Tab from "./pages/Tab3";
|
||||
import LocationAccessChecker from "./hooks/GeoAccess";
|
||||
|
||||
/* Core CSS required for Ionic components to work properly */
|
||||
/* Basic CSS for apps built with Ionic */
|
||||
|
@ -35,15 +31,21 @@ import Tab from './pages/Tab3';
|
|||
setupIonicReact();
|
||||
|
||||
const App: React.FC = () => {
|
||||
const [current, setCurrent] = useAtom(currentTrackAtom)
|
||||
const [current, setCurrent] = useAtom(currentTrackAtom);
|
||||
const [accessGranted, setAccessGranted] = useState<boolean | null>(null);
|
||||
|
||||
useEffect(() => {
|
||||
setCurrent(mocks.nowPlaying)
|
||||
}, [])
|
||||
setCurrent(mocks.nowPlaying);
|
||||
}, []);
|
||||
|
||||
// if (accessGranted === false) {
|
||||
// console.log("access denied.");
|
||||
// return null;
|
||||
// }
|
||||
|
||||
return (
|
||||
<IonApp>
|
||||
{/* {current && <Background imageUrl={current.coverUrl} color={current.color}/>} */}
|
||||
<LocationAccessChecker onAccessChecked={setAccessGranted} />
|
||||
<IonReactRouter>
|
||||
<Tab />
|
||||
</IonReactRouter>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue