wording and layout tweaks (#125)v0.11.8

* wording and layout tweaks

* red in remove button

* reorganize frontend components

* fix ld preload permissions issue for decky 3.1.10

* bump ver

1 files changed, 28 insertions, 0 deletions

diff --git a/src/components/OptiScalerWiki.tsx b/src/components/OptiScalerWiki.tsx
new file mode 100644
index 0000000..f8545f9
--- /dev/null
+++ b/src/components/OptiScalerWiki.tsx
@@ -0,0 +1,28 @@
+import { PanelSectionRow, ButtonItem } from "@decky/ui";
+import { FaBook } from "react-icons/fa";
+
+interface OptiScalerWikiProps {
+  pathExists: boolean | null;
+}
+
+export function OptiScalerWiki({ pathExists }: OptiScalerWikiProps) {
+  if (pathExists !== true) return null;
+
+  const handleWikiClick = () => {
+    window.open("https://github.com/optiscaler/OptiScaler/wiki", "_blank");
+  };
+
+  return (
+    <PanelSectionRow>
+      <ButtonItem
+        layout="below"
+        onClick={handleWikiClick}
+      >
+        <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
+          <FaBook />
+          <div>OptiScaler Wiki</div>
+        </div>
+      </ButtonItem>
+    </PanelSectionRow>
+  );
+}