src/components/DocumentationButton.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
39
40
41

import { PanelSection, PanelSectionRow, ButtonItem } from "@decky/ui";
import { FaClipboard, FaBook } from "react-icons/fa";

export function DocumentationButton() {
  const handleDocClick = () => {
    window.open("https://github.com/xXJSONDeruloXx/Decky-Framegen/wiki", "_blank");
  };

  const handleOptiScalerClick = () => {
    window.open("https://github.com/optiscaler/OptiScaler/wiki", "_blank");
  };

  return (
    <PanelSection>
      {/* 
      <PanelSectionRow>
        <ButtonItem
          layout="below"
          onClick={handleDocClick}
        >
          <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
            <FaClipboard />
            <div>Copy Launch Command</div>
          </div>
        </ButtonItem>
      </PanelSectionRow>
      */}
      <PanelSectionRow>
        <ButtonItem
          layout="below"
          onClick={handleOptiScalerClick}
        >
          <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
            <FaBook />
            <div>OptiScaler Wiki</div>
          </div>
        </ButtonItem>
      </PanelSectionRow>
    </PanelSection>
  );
}