diff options
| -rw-r--r-- | justfile | 2 | ||||
| -rw-r--r-- | package.json | 2 | ||||
| -rw-r--r-- | src/components/DocumentationButton.tsx | 39 | ||||
| -rw-r--r-- | src/index.tsx | 2 |
4 files changed, 43 insertions, 2 deletions
@@ -2,7 +2,7 @@ default: echo "Available recipes: build, test, clean" build: - rm -rf node_modules && .vscode/build.sh + sudo rm -rf node_modules && .vscode/build.sh test: scp "/Users/kurt/Developer/FG-plugins/Decky-Framegen/out/Decky-Framegen.zip" deck@192.168.0.6:~/Desktop diff --git a/package.json b/package.json index cd2ff67..1ec0020 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "decky-framegen", - "version": "0.10.1", + "version": "0.11.0", "description": "plugin to install OptiScaler bleeding-edge and enable upscaling and framegen in a large variety of games.", "type": "module", "scripts": { 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 />, |