github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2025-08-07 19:59:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

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
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 = () => {
// states
const [isMobile, setIsMobile] = useState(false);
useEffect(() => {
const userAgent = window.navigator.userAgent;
const isMobile = /iPhone|iPad|iPod|Android/i.test(userAgent);
if (isMobile) setIsMobile(isMobile);
}, []);
const userAgent = window.navigator.userAgent;
const isMobile = /iPhone|iPad|iPod|Android/i.test(userAgent);
return { isMobile };
};

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

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