update,
This commit is contained in:
@@ -1,29 +1,43 @@
|
|||||||
import {
|
import {
|
||||||
IonButton,
|
IonButton,
|
||||||
|
IonButtons,
|
||||||
IonCardSubtitle,
|
IonCardSubtitle,
|
||||||
IonCardTitle,
|
IonCardTitle,
|
||||||
IonCol,
|
IonCol,
|
||||||
IonContent,
|
IonContent,
|
||||||
IonGrid,
|
IonGrid,
|
||||||
IonHeader,
|
IonHeader,
|
||||||
|
IonIcon,
|
||||||
IonPage,
|
IonPage,
|
||||||
IonRow,
|
IonRow,
|
||||||
IonText,
|
IonText,
|
||||||
IonTitle,
|
IonTitle,
|
||||||
IonToolbar,
|
IonToolbar,
|
||||||
|
useIonRouter,
|
||||||
} from '@ionic/react';
|
} from '@ionic/react';
|
||||||
import { useGetSelectedTheme } from '../store/ThemeStore';
|
import { useGetSelectedTheme } from '../store/ThemeStore';
|
||||||
import './Info.scss';
|
import './Info.scss';
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
|
import { chevronBackOutline } from 'ionicons/icons';
|
||||||
|
|
||||||
function Info(): React.JSX.Element {
|
function Info(): React.JSX.Element {
|
||||||
const currentTheme = useGetSelectedTheme();
|
const currentTheme = useGetSelectedTheme();
|
||||||
|
|
||||||
|
const router = useIonRouter();
|
||||||
|
function handleBackClick() {
|
||||||
|
router.goBack();
|
||||||
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<IonPage>
|
<IonPage>
|
||||||
<IonHeader>
|
<IonHeader>
|
||||||
<IonToolbar>
|
<IonToolbar>
|
||||||
<IonTitle>Info TS</IonTitle>
|
<IonTitle>Info TS</IonTitle>
|
||||||
|
<IonButtons slot="start">
|
||||||
|
<IonButton shape="round" onClick={handleBackClick}>
|
||||||
|
<IonIcon icon={chevronBackOutline}></IonIcon>
|
||||||
|
</IonButton>
|
||||||
|
</IonButtons>
|
||||||
</IonToolbar>
|
</IonToolbar>
|
||||||
</IonHeader>
|
</IonHeader>
|
||||||
<IonContent fullscreen>
|
<IonContent fullscreen>
|
||||||
|
Reference in New Issue
Block a user