From a40b0fa4b186020c908213289c592223bc766fba Mon Sep 17 00:00:00 2001
From: louiscklaw <louiscklaw@users.noreply.github.com>
Date: Sun, 8 Jun 2025 09:20:18 +0800
Subject: [PATCH] update,

---
 .../pages/DemoReactThemeSwitcher/pages/Info.tsx    | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/03_source/mobile/src/pages/DemoReactThemeSwitcher/pages/Info.tsx b/03_source/mobile/src/pages/DemoReactThemeSwitcher/pages/Info.tsx
index c797b96..91d2cee 100644
--- a/03_source/mobile/src/pages/DemoReactThemeSwitcher/pages/Info.tsx
+++ b/03_source/mobile/src/pages/DemoReactThemeSwitcher/pages/Info.tsx
@@ -1,29 +1,43 @@
 import {
   IonButton,
+  IonButtons,
   IonCardSubtitle,
   IonCardTitle,
   IonCol,
   IonContent,
   IonGrid,
   IonHeader,
+  IonIcon,
   IonPage,
   IonRow,
   IonText,
   IonTitle,
   IonToolbar,
+  useIonRouter,
 } from '@ionic/react';
 import { useGetSelectedTheme } from '../store/ThemeStore';
 import './Info.scss';
 import React from 'react';
+import { chevronBackOutline } from 'ionicons/icons';
 
 function Info(): React.JSX.Element {
   const currentTheme = useGetSelectedTheme();
 
+  const router = useIonRouter();
+  function handleBackClick() {
+    router.goBack();
+  }
+
   return (
     <IonPage>
       <IonHeader>
         <IonToolbar>
           <IonTitle>Info TS</IonTitle>
+          <IonButtons slot="start">
+            <IonButton shape="round" onClick={handleBackClick}>
+              <IonIcon icon={chevronBackOutline}></IonIcon>
+            </IonButton>
+          </IonButtons>
         </IonToolbar>
       </IonHeader>
       <IonContent fullscreen>