binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

use-platform-os hook optimization to not cause re renders (#5453)

Browse source
This commit is contained in:
rahulramesha 2024-08-30 19:05:22 +05:30 • committed by GitHub
parent 4598b1b49d
commit c1d3da0cab
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 15 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

13
packages/ui/src/hooks/use-platform-os.ts
View file

@ -1,15 +1,6 @@
import { useEffect, useState } from "react";
export const usePlatformOS = () => { export const usePlatformOS = () => {
// states const userAgent = window.navigator.userAgent;
const [isMobile, setIsMobile] = useState(false); const isMobile = /iPhone|iPad|iPod|Android/i.test(userAgent);
useEffect(() => {
const userAgent = window.navigator.userAgent;
const isMobile = /iPhone|iPad|iPod|Android/i.test(userAgent);
if (isMobile) setIsMobile(isMobile);
}, []);
return { isMobile }; return { isMobile };
}; };

35
web/core/hooks/use-platform-os.tsx
View file

@ -1,29 +1,20 @@
"use client"; "use client";
import { useEffect, useState } from "react";
export const usePlatformOS = () => { export const usePlatformOS = () => {
const [isMobile, setIsMobile] = useState(false); const userAgent = window.navigator.userAgent;
const [platform, setPlatform] = useState(""); const isMobile = /iPhone|iPad|iPod|Android/i.test(userAgent);
useEffect(() => { let platform = "";
const userAgent = window.navigator.userAgent;
const isMobile = /iPhone|iPad|iPod|Android/i.test(userAgent);
let detectedPlatform = "";
if (isMobile) { if (!isMobile) {
setIsMobile(isMobile) if (userAgent.indexOf("Win") !== -1) {
platform = "Windows";
} else if (userAgent.indexOf("Mac") !== -1) {
platform = "MacOS";
} else if (userAgent.indexOf("Linux") !== -1) {
platform = "Linux";
} else { } else {
if (userAgent.indexOf("Win") !== -1) { platform = "Unknown";
detectedPlatform = "Windows"; }
} else if (userAgent.indexOf("Mac") !== -1) { }
detectedPlatform = "MacOS";
} else if (userAgent.indexOf("Linux") !== -1) {
detectedPlatform = "Linux";
} else {
detectedPlatform = "Unknown";
}
};
setPlatform(detectedPlatform);
}, []);
return { isMobile, platform }; return { isMobile, platform };
}; };