kitty/spotube
1
0
Fork 0
mirror of https://github.com/KRTirtho/spotube.git synced 2025-09-12 23:45:18 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[website] platform detection for download button not working fixed

Browse Source
This commit is contained in:
Kingkor Roy Tirtho 2022-07-21 22:25:38 +06:00
parent b0bcb2a85c
commit e099b9cd2b
3 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
website/hooks/usePlatform.ts
View File

@ -1,4 +1,5 @@
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { detectOS } from "detect-browser";
export enum Platform { export enum Platform {
linux = "Linux", linux = "Linux",
@ -11,15 +12,14 @@ export function usePlatform(): Platform {
const [platform, setPlatform] = useState(Platform.linux); const [platform, setPlatform] = useState(Platform.linux);
useEffect(() => { useEffect(() => {
const platform = ( const detectedPlatform = detectOS(navigator.userAgent)?.toLowerCase();
((navigator as unknown as any).userAgentData?.platform as
| string
| undefined) ?? navigator.platform
).toLowerCase();
if (platform.includes("windows")) setPlatform(Platform.windows); if (!detectedPlatform) return;
else if (platform.includes("mac")) setPlatform(Platform.mac);
else if (platform.includes("android")) setPlatform(Platform.android); if (detectedPlatform.includes("windows")) setPlatform(Platform.windows);
else if (detectedPlatform.includes("mac")) setPlatform(Platform.mac);
else if (detectedPlatform.includes("android"))
setPlatform(Platform.android);
}, []); }, []);
return platform; return platform;

1
website/package.json
View File

@ -17,6 +17,7 @@
"@emotion/styled": "^11", "@emotion/styled": "^11",
"@octokit/rest": "^19.0.3", "@octokit/rest": "^19.0.3",
"@types/progress": "^2.0.5", "@types/progress": "^2.0.5",
"detect-browser": "^5.3.0",
"framer-motion": "^6", "framer-motion": "^6",
"gray-matter": "^4.0.3", "gray-matter": "^4.0.3",
"next": "12.2.2", "next": "12.2.2",

6
website/pnpm-lock.yaml
View File

@ -13,6 +13,7 @@ specifiers:
'@types/react': 18.0.15 '@types/react': 18.0.15
'@types/react-dom': 18.0.6 '@types/react-dom': 18.0.6
'@types/react-syntax-highlighter': ^15.5.3 '@types/react-syntax-highlighter': ^15.5.3
detect-browser: ^5.3.0
eslint: 8.20.0 eslint: 8.20.0
eslint-config-next: 12.2.2 eslint-config-next: 12.2.2
eslint-config-prettier: ^8.5.0 eslint-config-prettier: ^8.5.0
@ -38,6 +39,7 @@ dependencies:
'@emotion/styled': 11.9.3_xorl7rqfpn4gtnla4dfecagcw4 '@emotion/styled': 11.9.3_xorl7rqfpn4gtnla4dfecagcw4
'@octokit/rest': 19.0.3 '@octokit/rest': 19.0.3
'@types/progress': 2.0.5 '@types/progress': 2.0.5
detect-browser: 5.3.0
framer-motion: 6.5.1_biqbaboplfbrettd7655fr4n2y framer-motion: 6.5.1_biqbaboplfbrettd7655fr4n2y
gray-matter: 4.0.3 gray-matter: 4.0.3
next: 12.2.2_beenoklgwfttvph5dgxj7na7aq next: 12.2.2_beenoklgwfttvph5dgxj7na7aq
@ -2096,6 +2098,10 @@ packages:
engines: {node: '>=6'} engines: {node: '>=6'}
dev: false dev: false
/detect-browser/5.3.0:
resolution: {integrity: sha512-53rsFbGdwMwlF7qvCt0ypLM5V5/Mbl0szB7GPN8y9NCcbknYOeVVXdrXEq+90IwAfrrzt6Hd+u2E2ntakICU8w==}
dev: false
/detect-node-es/1.1.0: /detect-node-es/1.1.0:
resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==} resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
dev: false dev: false