summaryrefslogtreecommitdiff
path: root/components/performance.tsx
blob: 5bc62eb6b4b93d480df7e997fc4e2e50b30e50c7 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
"use client";

import { useEffect } from "react";
import { getGPUTier } from "detect-gpu";

export default function Performance() {
	useEffect(() => {
		getGPUTier().then((gpuTier) => {
			const blurSize = gpuTier.tier < 3 || gpuTier.type === "FALLBACK" ? "0" : "1024";
			document.documentElement.style.setProperty("--blur-size", blurSize + "px");
		});
	}, []);

	return null;
};