From 6bf79dc2f70045f5be7ad4379803cdf5e9be066b Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Thu, 28 Sep 2023 13:42:06 -0700
Subject: [PATCH] Add tablet detection

---
 src/lib/hooks/useWebMediaQueries.tsx | 11 ++++++++++-
 src/platform/detection.ts            |  1 +
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/lib/hooks/useWebMediaQueries.tsx b/src/lib/hooks/useWebMediaQueries.tsx
index 3f43a0aaf0..9148403d41 100644
--- a/src/lib/hooks/useWebMediaQueries.tsx
+++ b/src/lib/hooks/useWebMediaQueries.tsx
@@ -1,5 +1,5 @@
 import {useMediaQuery} from 'react-responsive'
-import {isNative} from 'platform/detection'
+import {isNative, isNativeTablet} from 'platform/detection'
 
 export function useWebMediaQueries() {
   const isDesktop = useMediaQuery({minWidth: 1300})
@@ -7,6 +7,15 @@ export function useWebMediaQueries() {
   const isMobile = useMediaQuery({maxWidth: 800})
   const isTabletOrMobile = isMobile || isTablet
   const isTabletOrDesktop = isDesktop || isTablet
+  if (isNativeTablet) {
+    return {
+      isMobile: false,
+      isTablet: true,
+      isTabletOrMobile: true,
+      isTabletOrDesktop: true,
+      isDesktop: false,
+    }
+  }
   if (isNative) {
     return {
       isMobile: true,
diff --git a/src/platform/detection.ts b/src/platform/detection.ts
index f4f7be240d..3f27f724ac 100644
--- a/src/platform/detection.ts
+++ b/src/platform/detection.ts
@@ -5,6 +5,7 @@ import {dedupArray} from 'lib/functions'
 export const isIOS = Platform.OS === 'ios'
 export const isAndroid = Platform.OS === 'android'
 export const isNative = isIOS || isAndroid
+export const isNativeTablet = Platform.OS === 'ios' && Platform.isPad
 export const devicePlatform = isIOS ? 'ios' : isAndroid ? 'android' : 'web'
 export const isWeb = !isNative
 export const isMobileWebMediaQuery = 'only screen and (max-width: 1300px)'