Fix build device type (#23)

* fix(apps/web): inject `DEVICE` dynamically when building for different
platform

* fix(actions/desktop-release): downgrade ubuntu to from latest to 20

.github/workflows/desktop.yaml

@@ -18,7 +18,7 @@ jobs:
                 threads: [4]
 
                 config:
-                    - os: ubuntu-latest
+                    - os: ubuntu-20.04
                       arch: x86_64
 
                     - os: macos-latest

apps/mobile/Makefile

@@ -23,10 +23,10 @@ sync-android:
 clean-android:
 	cd android && ./gradlew clean
 
-build-production-android: build-executable-production build
+build-production-android: build-executable-production sync-android build
 	cd android && ./gradlew assembleRelease
 
-build-development-android: build-executable-development build
+build-development-android: build-executable-development sync-android build
 	cd android && ./gradlew assembleDebug
 
 # format

apps/web/next/desktop.mjs

@@ -6,6 +6,9 @@ const config = {
 	images: {
 		unoptimized: true,
 	},
+	env: {
+		DEVICE: 'desktop',
+	},
 };
 
 export default config;

apps/web/next/mobile.mjs

@@ -6,6 +6,9 @@ const config = {
 	images: {
 		unoptimized: true,
 	},
+	env: {
+		DEVICE: 'mobile',
+	},
 };
 
 export default config;

apps/web/src/web/components/pages/index/native.tsx

@@ -6,7 +6,15 @@ import type { ClassificationProps } from '../../../../../pages/classifications/[
 import type { SubshellProps } from '../../../../../pages/subshells/[subshell]';
 
 const NativeIndex = (props: ClassificationProps & SubshellProps) => {
-	return <Index {...props} type="desktop" />;
+	const device = process.env.DEVICE;
+
+	if (device === 'mobile') {
+		return <Index {...props} type="mobile" />;
+	} else if (device === 'desktop') {
+		return <Index {...props} type="desktop" />;
+	}
+
+	throw new Error(`Unknown device: ${device}`);
 };
 
 export default NativeIndex;