improve mobile detection

thewh1teagle · Feb 5, 2024 · 87e2c09 · 87e2c09
1 parent ed8951b
commit 87e2c09
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 33 deletions.
diff --git a/landing/package-lock.json b/landing/package-lock.json
diff --git a/landing/package.json b/landing/package.json
@@ -36,7 +36,6 @@
 	},
 	"type": "module",
 	"dependencies": {
-		"svelte-device-info": "^1.0.4",
 		"svelte-persisted-store": "^0.9.0"
 	}
 }
diff --git a/landing/src/components/Cta.svelte b/landing/src/components/Cta.svelte
@@ -5,7 +5,6 @@
 	import WindowsIcon from './WindowsIcon.svelte';
 	import MacIcon from './MacIcon.svelte';
 	import GithubIcon from './GithubIcon.svelte';
-	let isMobile: undefined | boolean = false;
 
 	let asset = latestRelease.assets.find((a) => a.platform.toLowerCase() === 'macos'); // default to macos
 	let ctaClicked = false;
@@ -49,26 +48,22 @@
 	}
 
 	onMount(async () => {
-		const Device: Device = (await import('svelte-device-info')) as any;
-		isMobile = Device?.isMobile;
 		const currentOs = getOs();
 		asset = latestRelease.assets.find((a) => a.platform.toLowerCase() === currentOs); // default to macos
 	});
 </script>
 
 <div class="flex gap-3 flex-col lg:flex-row">
-	{#if !isMobile}
-		<button on:click={ctaClick} class="btn btn-primary">
-			{#if asset?.platform.toLowerCase() === 'linux'}
-				<LinuxIcon />
-			{:else if asset?.platform.toLowerCase() === 'windows'}
-				<WindowsIcon />
-			{:else}
-				<MacIcon />
-			{/if}
-			Download For {asset?.platform}
-		</button>
-	{/if}
+	<button on:click={ctaClick} class="btn btn-primary hidden md:flex">
+		{#if asset?.platform.toLowerCase() === 'linux'}
+			<LinuxIcon />
+		{:else if asset?.platform.toLowerCase() === 'windows'}
+			<WindowsIcon />
+		{:else}
+			<MacIcon />
+		{/if}
+		Download For {asset?.platform}
+	</button>
 	<a class="btn" href="https://github.com/thewh1teagle/vibe" target="_blank">
 		<GithubIcon />
 		Star On Github

diff --git a/landing/src/lib/svelteDeviceInfo.d.ts b/landing/src/lib/svelteDeviceInfo.d.ts