1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
|
import { PanelSectionRow } from "@decky/ui";
interface StatusDisplayProps {
isInstalled: boolean;
installationStatus: string;
losslessScalingInstalled: boolean;
losslessScalingStatus: string;
}
export function StatusDisplay({
isInstalled,
installationStatus,
losslessScalingInstalled,
losslessScalingStatus
}: StatusDisplayProps) {
return (
<PanelSectionRow>
<div style={{ marginBottom: "8px", fontSize: "14px" }}>
<div
style={{
color: losslessScalingInstalled ? "#4CAF50" : "#F44336",
fontWeight: "600",
marginBottom: "6px",
display: "flex",
alignItems: "center",
gap: "6px"
}}
>
<span style={{ fontSize: "16px" }}>
{losslessScalingInstalled ? "✅" : "❌"}
</span>
{losslessScalingInstalled ? "Lossless Scaling Installed" : "Lossless Scaling Not Installed"}
</div>
{!losslessScalingInstalled && losslessScalingStatus && (
<div style={{ color: "#B8B8B8", fontSize: "12px", margin: "0 0 6px 22px" }}>
{losslessScalingStatus}
</div>
)}
<div
style={{
color: isInstalled ? "#4CAF50" : "#FF9800",
fontWeight: "600",
display: "flex",
alignItems: "center",
gap: "6px"
}}
>
<span style={{ fontSize: "16px" }}>
{isInstalled ? "✅" : "❌"}
</span>
{installationStatus}
</div>
</div>
</PanelSectionRow>
);
}
|
