separate wiki button into component

1 files changed, 22 insertions, 0 deletions

diff --git a/src/components/WikiButton.tsx b/src/components/WikiButton.tsx
new file mode 100644
index 0000000..80ff1d9
--- /dev/null
+++ b/src/components/WikiButton.tsx
@@ -0,0 +1,22 @@
+import { PanelSectionRow, ButtonItem } from "@decky/ui";
+import { FaExternalLinkAlt } from "react-icons/fa";
+
+export function WikiButton() {
+  const handleWikiClick = () => {
+    window.open("https://github.com/PancakeTAS/lsfg-vk/wiki", "_blank");
+  };
+
+  return (
+    <PanelSectionRow>
+      <ButtonItem
+        layout="below"
+        onClick={handleWikiClick}
+      >
+        <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
+          <FaExternalLinkAlt />
+          <div>LSFG-VK Wiki</div>
+        </div>
+      </ButtonItem>
+    </PanelSectionRow>
+  );
+}