NG-SD-Plugins/usdpl-decky-plugin-template
1
0
Fork 0
Code Pull requests Activity

Use new exported components

Browse source
This commit is contained in:
Jonas Dellinger 2022-05-26 13:33:25 +02:00
parent f554798ee4
commit a5d491256f
1 changed files with 28 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
src/index.tsx
View file

@ -1,8 +1,10 @@
import { import {
Button, ButtonItem,
definePlugin, definePlugin,
Menu, Menu,
MenuItem, MenuItem,
PanelSection,
PanelSectionRow,
ServerAPI, ServerAPI,
showModal, showModal,
staticClasses, staticClasses,
@ -35,24 +37,31 @@ const Content: VFC<{ serverAPI: ServerAPI }> = ({}) => {
// }; // };
return ( return (
<div> <PanelSection title="Panel Section">
<Button <PanelSectionRow>
layout="below" <ButtonItem
onClick={(e) => layout="below"
showModal( onClick={(e) =>
<Menu label="Menu" cancelText="CAAAANCEL" onCancel={() => {}}> showModal(
<MenuItem onSelected={() => {}}>Item #1</MenuItem> <Menu label="Menu" cancelText="CAAAANCEL" onCancel={() => {}}>
<MenuItem onSelected={() => {}}>Item #2</MenuItem> <MenuItem onSelected={() => {}}>Item #1</MenuItem>
<MenuItem onSelected={() => {}}>Item #3</MenuItem> <MenuItem onSelected={() => {}}>Item #2</MenuItem>
</Menu>, <MenuItem onSelected={() => {}}>Item #3</MenuItem>
e.currentTarget ?? window </Menu>,
) e.currentTarget ?? window
} )
> }
Server says yolo >
</Button> Server says yolo
<img src={logo} /> </ButtonItem>
</div> </PanelSectionRow>
<PanelSectionRow>
<div style={{ display: "flex", justifyContent: "center" }}>
<img src={logo} />
</div>
</PanelSectionRow>
</PanelSection>
); );
}; };