src/components/StatusDisplay.tsx


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

import { PanelSectionRow } from "@decky/ui";

interface StatusDisplayProps {
  dllDetected: boolean;
  dllDetectionStatus: string;
  isInstalled: boolean;
  installationStatus: string;
}

export function StatusDisplay({
  dllDetected,
  dllDetectionStatus,
  isInstalled,
  installationStatus
}: StatusDisplayProps) {
  return (
    <PanelSectionRow>
      <div style={{ marginBottom: "8px", fontSize: "14px" }}>
        <div
          style={{
            color: dllDetected ? "#4CAF50" : "#F44336",
            fontWeight: "600",
            marginBottom: "6px",
            display: "flex",
            alignItems: "center",
            gap: "6px"
          }}
        >
          <span style={{ fontSize: "16px" }}>
            {dllDetected ? "✅" : "❌"}
          </span>
          {dllDetectionStatus}
        </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>
  );
}