From ff4dc9bb48fc8bf88aa47f1ac6de8ba4be66ba1b Mon Sep 17 00:00:00 2001
From: 3dtours <yeunhiepanh.photo@gmail.com>
Date: Sat, 27 Jun 2026 20:54:47 +0700
Subject: [PATCH] fix: restrict AppDownloadBanner to mobile browsers only using
 Capacitor.isNativePlatform()

---
 frontend/dist/index.html                             | 2 +-
 frontend/src/components/layout/AppDownloadBanner.tsx | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/frontend/dist/index.html b/frontend/dist/index.html
index aca5a64..9928a8c 100644
--- a/frontend/dist/index.html
+++ b/frontend/dist/index.html
@@ -21,7 +21,7 @@
     <meta name="twitter:title" content="Travel Planner - Lên kế hoạch chuyến đi của bạn" />
     <meta name="twitter:description" content="Khám phá những hành trình tuyệt vời và chia sẻ khoảnh khắc đẹp với cộng đồng du lịch." />
     <meta name="twitter:image" content="https://yotrip.labz.io.vn/background.avif" />
-    <script type="module" crossorigin src="/assets/index-CnmnZivz.js"></script>
+    <script type="module" crossorigin src="/assets/index-D6nIKZs7.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-Cyuzqnbw.js">
     <link rel="modulepreload" crossorigin href="/assets/vendor-others-VIU5qAPG.js">
     <link rel="modulepreload" crossorigin href="/assets/vendor-editor-DOXkNaRS.js">
diff --git a/frontend/src/components/layout/AppDownloadBanner.tsx b/frontend/src/components/layout/AppDownloadBanner.tsx
index b689d0d..00fb80b 100644
--- a/frontend/src/components/layout/AppDownloadBanner.tsx
+++ b/frontend/src/components/layout/AppDownloadBanner.tsx
@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { X, Download } from 'lucide-react';
+import { Capacitor } from '@capacitor/core';
 import { BACKEND_URL } from '@/utils/backendEndpoint';
 
 export const AppDownloadBanner: React.FC = () => {
@@ -9,9 +10,7 @@ export const AppDownloadBanner: React.FC = () => {
 
   useEffect(() => {
     const userAgent = navigator.userAgent.toLowerCase();
-    const isAndroidBrowser = userAgent.includes('android') && 
-                            !window.location.origin.includes('capacitor://') && 
-                            !window.location.origin.includes('localhost:80');
+    const isAndroidBrowser = userAgent.includes('android') && !Capacitor.isNativePlatform();
     const isBannerDismissed = localStorage.getItem('yotrip_apk_banner_dismissed') === 'true';
 
     // Target condition match: User is on Android mobile browser and hasn't closed it yet