feat: add comprehensive ServiceMenu and MainTabs components with hotel service listings, QR code access, and user profile settings integration

2025-06-19 23:06:51 +08:00
parent a68cb01585
commit 76840a8e1b
28 changed files with 1053 additions and 143 deletions
--- a/03_source/mobile/src/components/CloseButton/index.tsx
+++ b/03_source/mobile/src/components/CloseButton/index.tsx
@@ -0,0 +1,46 @@
+import React from 'react';
+import { IonList, IonItem, IonLabel, IonText } from '@ionic/react';
+
+import closeSvg from './close.svg';
+
+interface CloseButtonProps {
+  onClick: (e: React.UIEvent) => void;
+}
+
+const CloseButton: React.FC<CloseButtonProps> = ({ onClick }) => {
+  return (
+    <>
+      <div
+        style={{
+          display: 'flex',
+          flexDirection: 'column',
+          justifyContent: 'center',
+          alignItems: 'center',
+
+          width: '25vw',
+          height: '25vw',
+          maxWidth: '100px',
+          maxHeight: '100px',
+        }}
+      >
+        <div
+          style={{
+            height: '100%',
+            width: '100%',
+
+            backgroundImage: `url("${closeSvg}")`,
+            backgroundSize: 'contain',
+            backgroundPosition: 'center',
+            backgroundRepeat: 'no-repeat',
+          }}
+          onClick={onClick}
+        />
+        <IonText>
+          <h5>Close</h5>
+        </IonText>
+      </div>
+    </>
+  );
+};
+
+export default React.memo(CloseButton);