diff options
Diffstat (limited to 'src/index.tsx')
| -rw-r--r-- | src/index.tsx | 49 |
1 files changed, 31 insertions, 18 deletions
diff --git a/src/index.tsx b/src/index.tsx index dca7ed1..2c40a21 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -1,15 +1,19 @@ import { - Button, + ButtonItem, definePlugin, Menu, MenuItem, + PanelSection, + PanelSectionRow, ServerAPI, showModal, - staticClasses + staticClasses, } from "decky-frontend-lib"; import { VFC } from "react"; import { FaShip } from "react-icons/fa"; +import logo from "../assets/logo.png"; + // interface AddMethodArgs { // left: number; // right: number; @@ -32,22 +36,31 @@ const Content: VFC<{ serverAPI: ServerAPI }> = ({}) => { // }; return ( - <div> - <Button - onClick={(e) => - showModal( - <Menu label="Menu" cancelText="CAAAANCEL" onCancel={() => {}}> - <MenuItem onSelected={() => {}}>Item #1</MenuItem> - <MenuItem onSelected={() => {}}>Item #2</MenuItem> - <MenuItem onSelected={() => {}}>Item #3</MenuItem> - </Menu>, - e.currentTarget ?? window - ) - } - > - Server says yolo - </Button> - </div> + <PanelSection title="Panel Section"> + <PanelSectionRow> + <ButtonItem + layout="below" + onClick={(e) => + showModal( + <Menu label="Menu" cancelText="CAAAANCEL" onCancel={() => {}}> + <MenuItem onSelected={() => {}}>Item #1</MenuItem> + <MenuItem onSelected={() => {}}>Item #2</MenuItem> + <MenuItem onSelected={() => {}}>Item #3</MenuItem> + </Menu>, + e.currentTarget ?? window + ) + } + > + Server says yolo + </ButtonItem> + </PanelSectionRow> + + <PanelSectionRow> + <div style={{ display: "flex", justifyContent: "center" }}> + <img src={logo} /> + </div> + </PanelSectionRow> + </PanelSection> ); }; |