LumeWeb
/
sdk
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: pass props to trigger

This commit is contained in:
Derrick Hammer 2023-10-12 14:12:03 -04:00
parent c2b0bd2813
commit 1de4d2c013
Signed by: pcfreak30
GPG Key ID: C997C339BE476FF2
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/lume/LumeDashboard/LumeDashboard.tsx
View File

@ -15,7 +15,8 @@ const SYNCSTATE_TO_TEXT: Record<Network["syncState"], string> = {
export const LumeDashboardTrigger = Dialog.Trigger; export const LumeDashboardTrigger = Dialog.Trigger;
LumeDashboardTrigger.displayName = "LumeDashboardTrigger"; LumeDashboardTrigger.displayName = "LumeDashboardTrigger";
const LumeDashboard = ({ children }: React.PropsWithChildren) => { const LumeDashboard = (props: any) => {
const { children }: { children: React.PropsWithChildren } = props;
const { const {
lume: { networks }, lume: { networks },
} = useLume(); } = useLume();
@ -37,9 +38,8 @@ const LumeDashboard = ({ children }: React.PropsWithChildren) => {
</button> </button>
</LumeDashboardTrigger> </LumeDashboardTrigger>
); );
const GivenTrigger = React.Children.toArray(children) const GivenTrigger = React.Children.toArray(children.children)
.filter((c) => { .filter((c) => {
console.log({ component: c });
if (typeof c === "object") { if (typeof c === "object") {
//@ts-expect-error -- I dont know what the type of this should be, i just know that this works //@ts-expect-error -- I dont know what the type of this should be, i just know that this works
return c.type?.displayName === "LumeDashboardTrigger"; return c.type?.displayName === "LumeDashboardTrigger";
@ -52,7 +52,7 @@ const LumeDashboard = ({ children }: React.PropsWithChildren) => {
return ( return (
<Dialog.Root> <Dialog.Root>
<Trigger /> <Trigger {...props} />
<Dialog.Portal> <Dialog.Portal>
<Dialog.Overlay className="fixed z-40 inset-0 bg-black bg-opacity-50 backdrop-blur-sm" /> <Dialog.Overlay className="fixed z-40 inset-0 bg-black bg-opacity-50 backdrop-blur-sm" />
<Dialog.Content className="fixed p-5 z-50 right-0 bottom-0 top-0 w-[300px] bg-neutral-950 text-white border-black border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500"> <Dialog.Content className="fixed p-5 z-50 right-0 bottom-0 top-0 w-[300px] bg-neutral-950 text-white border-black border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500">