diff options
| author | Jonas Dellinger <jonas@dellinger.dev> | 2022-05-26 13:33:25 +0200 |
|---|---|---|
| committer | Jonas Dellinger <jonas@dellinger.dev> | 2022-05-26 13:33:25 +0200 |
| commit | a5d491256fd058796162ef9e234b7b5fea6b6ef0 (patch) | |
| tree | 1fca48150cced5707b5f97b4f08e2db8e7453c03 | |
| parent | f554798ee4b92e9e4e7086485fda8ad49ea4bb61 (diff) | |
| download | decky-bazzite-buddy-a5d491256fd058796162ef9e234b7b5fea6b6ef0.tar.gz decky-bazzite-buddy-a5d491256fd058796162ef9e234b7b5fea6b6ef0.zip | |
Use new exported components
| -rw-r--r-- | src/index.tsx | 47 |
1 files changed, 28 insertions, 19 deletions
diff --git a/src/index.tsx b/src/index.tsx index 7d91c6c..bd17cff 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -1,8 +1,10 @@ import { - Button, + ButtonItem, definePlugin, Menu, MenuItem, + PanelSection, + PanelSectionRow, ServerAPI, showModal, staticClasses, @@ -35,24 +37,31 @@ const Content: VFC<{ serverAPI: ServerAPI }> = ({}) => { // }; return ( - <div> - <Button - 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 - </Button> - <img src={logo} /> - </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> ); }; |