Empty Map component.

This commit is contained in:
Eric van der Vlist 2022-10-17 10:37:26 +02:00
parent a4bd11aab0
commit 9c1f4aeb2f
4 changed files with 14 additions and 42 deletions

View File

@ -21,6 +21,7 @@ import '@ionic/react/css/display.css';
/* Theme variables */ /* Theme variables */
import './theme/variables.css'; import './theme/variables.css';
import Map from './components/map/Map';
setupIonicReact(); setupIonicReact();
@ -28,11 +29,11 @@ const App: React.FC = () => (
<IonApp> <IonApp>
<IonReactRouter> <IonReactRouter>
<IonRouterOutlet> <IonRouterOutlet>
<Route exact path="/home"> <Route exact path='/home'>
<Home /> <Map />
</Route> </Route>
<Route exact path="/"> <Route exact path='/'>
<Redirect to="/home" /> <Redirect to='/home' />
</Route> </Route>
</IonRouterOutlet> </IonRouterOutlet>
</IonReactRouter> </IonReactRouter>

View File

@ -1,24 +0,0 @@
.container {
text-align: center;
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.container strong {
font-size: 20px;
line-height: 26px;
}
.container p {
font-size: 16px;
line-height: 22px;
color: #8c8c8c;
margin: 0;
}
.container a {
text-decoration: none;
}

View File

@ -1,14 +0,0 @@
import './ExploreContainer.css';
interface ContainerProps { }
const ExploreContainer: React.FC<ContainerProps> = () => {
return (
<div className="container">
<strong>Ready to create an app?</strong>
<p>Start with Ionic <a target="_blank" rel="noopener noreferrer" href="https://ionicframework.com/docs/components">UI Components</a></p>
</div>
);
};
export default ExploreContainer;

View File

@ -0,0 +1,9 @@
import react from 'react';
interface MapProperties {}
const Map: react.FC<MapProperties> = (props: MapProperties) => {
return <></>;
};
export default Map;