import type { Component } from 'solid-js';
import { Routes, Route, Navigate } from '@solidjs/router';
import Map from './components/map';
import { AndroidFullScreen } from '@awesome-cordova-plugins/android-full-screen';

// See https://stackoverflow.com/questions/71288670/how-to-make-fullscreen-ionic-capacitor-app
AndroidFullScreen.isImmersiveModeSupported()
  .then(() => AndroidFullScreen.immersiveMode())
  .catch(console.warn);

const App: Component = () => {
  return (
    <Routes>
      <Route path='/map/:provider/:lon/:lat/:zoom/:rotation' component={Map} />
      <Route path='/*' element={<Navigate href='/map/osm/0/0/2/0' />} />
    </Routes>
  );
};

export default App;
