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 @@ - + 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