add clipboard web launch button

4 files changed, 28 insertions, 3 deletions

diff --git a/src/components/ClipboardButton.tsx b/src/components/ClipboardButton.tsx
new file mode 100644
index 0000000..3760e81
--- /dev/null
+++ b/src/components/ClipboardButton.tsx
@@ -0,0 +1,22 @@
+import { PanelSectionRow, ButtonItem } from "@decky/ui";
+import { FaExternalLinkAlt } from "react-icons/fa";
+
+export function ClipboardButton() {
+  const handleClipboardClick = () => {
+    window.open("https://github.com/xXJSONDeruloXx/decky-lossless-scaling-vk/wiki/Clipboard", "_blank");
+  };
+
+  return (
+    <PanelSectionRow>
+      <ButtonItem
+        layout="below"
+        onClick={handleClipboardClick}
+      >
+        <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
+          <FaExternalLinkAlt />
+          <div>Launch Option Clipboard</div>
+        </div>
+      </ButtonItem>
+    </PanelSectionRow>
+  );
+}
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
index 16c8f2f..c7c52a5 100644
--- a/src/components/Content.tsx
+++ b/src/components/Content.tsx
@@ -6,6 +6,8 @@ import { StatusDisplay } from "./StatusDisplay";
 import { InstallationButton } from "./InstallationButton";
 import { ConfigurationSection } from "./ConfigurationSection";
 import { UsageInstructions } from "./UsageInstructions";
+import { WikiButton } from "./WikiButton";
+import { ClipboardButton } from "./ClipboardButton";
 
 export function Content() {
   const {
@@ -109,6 +111,9 @@ export function Content() {
       )}
 
       <UsageInstructions config={config} />
+      
+      <WikiButton />
+      <ClipboardButton />
     </PanelSection>
   );
 }
diff --git a/src/components/UsageInstructions.tsx b/src/components/UsageInstructions.tsx
index ca9ddd2..bf80630 100644
--- a/src/components/UsageInstructions.tsx
+++ b/src/components/UsageInstructions.tsx
@@ -1,5 +1,4 @@
 import { PanelSectionRow } from "@decky/ui";
-import { WikiButton } from "./WikiButton";
 
 interface ConfigType {
   enableLsfg: boolean;
@@ -96,8 +95,6 @@ export function UsageInstructions({ config }: UsageInstructionsProps) {
           </div>
         </div>
       </PanelSectionRow>
-
-      <WikiButton />
     </>
   );
 }
diff --git a/src/components/index.ts b/src/components/index.ts
index 26eb2fb..7304ca9 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -4,3 +4,4 @@ export { InstallationButton } from "./InstallationButton";
 export { ConfigurationSection } from "./ConfigurationSection";
 export { UsageInstructions } from "./UsageInstructions";
 export { WikiButton } from "./WikiButton";
+export { ClipboardButton } from "./ClipboardButton";