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

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: "bold",
            marginBottom: "4px"
          }}
        >
          {dllDetectionStatus}
        </div>
        <div
          style={{
            color: isInstalled ? "#4CAF50" : "#FF9800"
          }}
        >
          Status: {installationStatus}
        </div>
      </div>
    </PanelSectionRow>
  );
}