diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/DocumentationButton.tsx | 39 | ||||
| -rw-r--r-- | src/index.tsx | 2 |
2 files changed, 41 insertions, 0 deletions
diff --git a/src/components/DocumentationButton.tsx b/src/components/DocumentationButton.tsx new file mode 100644 index 0000000..4125fd3 --- /dev/null +++ b/src/components/DocumentationButton.tsx @@ -0,0 +1,39 @@ +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> + ); +} diff --git a/src/index.tsx b/src/index.tsx index 12150d2..41f8dc3 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -2,6 +2,7 @@ import { definePlugin } from "@decky/api"; import { RiAiGenerate } from "react-icons/ri"; import { FGModInstallerSection } from "./components/FGModInstallerSection"; import { InstalledGamesSection } from "./components/InstalledGamesSection"; +import { DocumentationButton } from "./components/DocumentationButton"; export default definePlugin(() => ({ name: "Framegen Plugin", @@ -11,6 +12,7 @@ export default definePlugin(() => ({ <> <FGModInstallerSection /> <InstalledGamesSection /> + <DocumentationButton /> </> ), icon: <RiAiGenerate />, |