improve mobile detect

thewh1teagle · Jun 5, 2024 · bb79970 · bb79970
1 parent 8ea01d9
commit bb79970
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 10 deletions.
diff --git a/landing/bun.lockb b/landing/bun.lockb
diff --git a/landing/package.json b/landing/package.json
@@ -38,6 +38,7 @@
   "dependencies": {
     "i18next-browser-languagedetector": "^8.0.0",
     "i18next-http-backend": "^2.5.2",
+    "is-mobile": "^4.0.0",
     "svelte-i18next": "^2.2.2",
     "svelte-persisted-store": "^0.9.2"
   }

diff --git a/landing/src/components/Cta.svelte b/landing/src/components/Cta.svelte
@@ -7,6 +7,7 @@
 	import GithubIcon from '~/icons/Github.svelte'
 	import ChipIcon from '~/icons/Chip.svelte'
 	import latestRelease from '$lib/latest_release.json'
+	import mobile from 'is-mobile'
 
 	let asset = latestRelease.assets.find((a) => a.platform.toLowerCase() === 'macos') // default to macos
 	let ctaClicked = false
@@ -60,16 +61,7 @@
 	})
 
 	onMount(() => {
-		function checkIsMobile() {
-			var match = window.matchMedia || (window as any).msMatchMedia
-			if (match) {
-				var mq = match('(pointer:coarse)')
-				return mq.matches
-			}
-			return false
-		}
-
-		isMobile = checkIsMobile()
+		isMobile = mobile()
 	})
 
 	const t = $i18n.t