Compare commits

..

No commits in common. "v0.1.0-develop.27" and "v0.1.0-develop.26" have entirely different histories.

4 changed files with 7 additions and 9 deletions

View File

@ -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)

4
npm-shrinkwrap.json generated
View File

@ -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",

View File

@ -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",

View File

@ -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 { children }: { children: React.PropsWithChildren } = props;
const LumeDashboard = ({ children }: React.PropsWithChildren) => {
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">