50 lines
1.0 KiB
JavaScript
50 lines
1.0 KiB
JavaScript
import {
|
|
IonButton,
|
|
IonButtons,
|
|
IonContent,
|
|
IonHeader,
|
|
IonIcon,
|
|
IonPage,
|
|
IonTitle,
|
|
IonToolbar,
|
|
useIonRouter,
|
|
} from '@ionic/react';
|
|
import ExploreContainer from '../components/ExploreContainer';
|
|
|
|
import './Tab1.css';
|
|
import { chevronBackOutline } from 'ionicons/icons';
|
|
|
|
const Tab1 = () => {
|
|
const router = useIonRouter();
|
|
|
|
function handleBackClick() {
|
|
router.goBack();
|
|
}
|
|
|
|
return (
|
|
<IonPage>
|
|
<IonHeader>
|
|
<IonToolbar>
|
|
<IonTitle>Tab 1</IonTitle>
|
|
{/* */}
|
|
<IonButtons slot="start">
|
|
<IonButton onClick={() => handleBackClick()}>
|
|
<IonIcon icon={chevronBackOutline} color="primary" />
|
|
</IonButton>
|
|
</IonButtons>
|
|
</IonToolbar>
|
|
</IonHeader>
|
|
<IonContent fullscreen>
|
|
<IonHeader collapse="condense">
|
|
<IonToolbar>
|
|
<IonTitle size="large">Tab 1</IonTitle>
|
|
</IonToolbar>
|
|
</IonHeader>
|
|
<ExploreContainer name="Tab 1 page" />
|
|
</IonContent>
|
|
</IonPage>
|
|
);
|
|
};
|
|
|
|
export default Tab1;
|