restructure for maintainability

1 files changed, 38 insertions, 0 deletions

diff --git a/src/components/StatusDisplay.tsx b/src/components/StatusDisplay.tsx
new file mode 100644
index 0000000..8eecd42
--- /dev/null
+++ b/src/components/StatusDisplay.tsx
@@ -0,0 +1,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>
+  );
+}