maksimgrs98/Voicemeeter-remote-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

modified: src/app/page.tsx

Browse Source
This commit is contained in:
Maksym 2024-10-20 15:56:10 +02:00
parent a657cde275
commit 688a6d40bf
1 changed files with 25 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/app/page.tsx
View File

@ -50,7 +50,25 @@ export default function Home() {
}),
[]
);
let apiUrl: string;
const isSnackBarHidden = useMemo(() => {
if (typeof localStorage === "undefined") return false;
return localStorage.getItem("snackBarHidden") === "true";
}, []);
const [snackBarVisible, setSnackBarVisibility] = useState(false);
const [values, setValues] = useState<{
buses: BusProps["values"][];
strips: StripProps["values"][];
}>();
const [width, setWidth] = useState(1000);
const [isLoaded, setIsLoaded] = useState(false);
const [isFullscreen, setIsFullscreen] = useState(false);
let [apiUrl, setApiUrl] = useState<string>();
const isItMobileDevice = useMemo(
() =>
typeof window !== "undefined" ? isItMobile(navigator.userAgent) : "",
[]
);
function sendApi(
path: string,
method: RequestInit["method"] = "GET",
@ -106,32 +124,17 @@ export default function Home() {
break;
}
}
const isSnackBarHidden = useMemo(() => {
if (typeof localStorage === "undefined") return false;
return localStorage.getItem("snackBarHidden") === "true";
}, []);
const [snackBarVisible, setSnackBarVisibility] = useState(false);
const [values, setValues] = useState<{
buses: BusProps["values"][];
strips: StripProps["values"][];
}>();
const [width, setWidth] = useState(1000);
const [isLoaded, setIsLoaded] = useState(false);
const isItMobileDevice = useMemo(
() =>
typeof window !== "undefined" ? isItMobile(navigator.userAgent) : "",
[]
);
const toggleFullscreen = () => {
if (document.fullscreenElement === null)
document.documentElement.requestFullscreen();
else document.exitFullscreen();
new Promise((r) => {
if (document.fullscreenElement === null)
r(document.documentElement.requestFullscreen());
else r(document.exitFullscreen());
}).then(() => setIsFullscreen(document.fullscreenElement !== null));
};
let isFullscreen: boolean = false;
useEffect(() => {
const _apiUrl = new URL(document.URL);
_apiUrl.port = "3001";
setApiUrl(_apiUrl.toString());
apiUrl = _apiUrl.toString();
sendApi("/values")
@ -155,7 +158,6 @@ export default function Home() {
window.onresize = () => {
setWidth(window.innerWidth);
};
isFullscreen = document.fullscreenElement !== null;
}, []);
const strips = { virtual: 3, physical: 5 };
const buses = { virtual: 3, physical: 5 };