Device class tier
Hardware scoring (RAM / CPU / network) → performance profile.
- detect(): Promise<"low" | "mid" | "high">
TSXDeviceClassTier — React
1import { useEffect, useState } from "react";
2import { DeviceClassTier } from "@quan-erp/shared-frontend-core";
3
4type Tier = "low" | "mid" | "high";
5
6export function useDeviceTier() {
7 const [tier, setTier] = useState<Tier | null>(null);
8
9 useEffect(() => {
10 void DeviceClassTier.instance.detect().then((value) => {
11 setTier(value as Tier);
12 });
13 }, []);
14
15 return tier;
16}
17
18export function HeavyChartGate({ children }: { children: React.ReactNode }) {
19 const tier = useDeviceTier();
20 if (tier === "low") {
21 return <p>Showing simplified chart for this device.</p>;
22 }
23 return <>{children}</>;
24}