fix: restrict AppDownloadBanner to mobile browsers only using Capacitor.isNativePlatform()

2026-06-27 20:54:47 +07:00
parent 175668da35
commit ff4dc9bb48
2 changed files with 3 additions and 4 deletions
@@ -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