CHANGELOG.md

@@ -1,5 +1,3 @@
-# [0.1.0-develop.27](https://git.lumeweb.com/LumeWeb/sdk/compare/v0.1.0-develop.26...v0.1.0-develop.27) (2023-10-12)
-
 # [0.1.0-develop.26](https://git.lumeweb.com/LumeWeb/sdk/compare/v0.1.0-develop.25...v0.1.0-develop.26) (2023-10-12)
 
 # [0.1.0-develop.25](https://git.lumeweb.com/LumeWeb/sdk/compare/v0.1.0-develop.24...v0.1.0-develop.25) (2023-10-12)

npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
     "name": "@lumeweb/sdk",
-    "version": "0.1.0-develop.27",
+    "version": "0.1.0-develop.26",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@lumeweb/sdk",
-            "version": "0.1.0-develop.27",
+            "version": "0.1.0-develop.26",
             "dependencies": {
                 "@lumeweb/kernel-network-registry-client": "0.1.0-develop.10",
                 "@lumeweb/libkernel": "0.1.0-develop.65",

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@lumeweb/sdk",
-    "version": "0.1.0-develop.27",
+    "version": "0.1.0-develop.26",
     "type": "module",
     "main": "lib/index.js",
     "types": "lib/src/index.d.ts",

src/components/lume/LumeDashboard/LumeDashboard.tsx

@@ -15,8 +15,7 @@ const SYNCSTATE_TO_TEXT: Record<Network["syncState"], string> = {
 export const LumeDashboardTrigger = Dialog.Trigger;
 LumeDashboardTrigger.displayName = "LumeDashboardTrigger";
 
-const LumeDashboard = (props: any) => {
+const LumeDashboard = ({ children }: React.PropsWithChildren) => {
-  const { children }: { children: React.PropsWithChildren } = props;
   const {
     lume: { networks },
   } = useLume();
@@ -38,8 +37,9 @@ const LumeDashboard = (props: any) => {
       </button>
     </LumeDashboardTrigger>
   );
-  const GivenTrigger = React.Children.toArray(children.children)
+  const GivenTrigger = React.Children.toArray(children)
     .filter((c) => {
+      console.log({ component: c });
       if (typeof c === "object") {
         //@ts-expect-error -- I dont know what the type of this should be, i just know that this works
         return c.type?.displayName === "LumeDashboardTrigger";
@@ -52,7 +52,7 @@ const LumeDashboard = (props: any) => {
 
   return (
     <Dialog.Root>
-      <Trigger {...props} />
+      <Trigger />
       <Dialog.Portal>
         <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">