const { href } = VM.require("thomasguntenaar.near/widget/core.lib.url"); const { useQuery } = VM.require( "thomasguntenaar.near/widget/core.adapter.devhub-contract" ); useQuery || (useQuery = () => {}); href || (href = () => {}); const { kanbanBoards, handle, permissions } = props; const data = Object.values(kanbanBoards ?? {})?.[0]; if (!kanbanBoards || !data?.metadata) { return ( <div className="d-flex flex-column align-items-center justify-content-center gap-4" style={{ height: 384 }} > <h5 className="h5 d-inline-flex gap-2 m-0"> {permissions.can_configure ? "You can configure the board by clicking on the settings icon." : "This board isn't configured yet."} </h5> </div> ); } return ( <Widget src={`thomasguntenaar.near/widget/devhub.entity.addon.${data.metadata.type}`} props={{ ...data, isConfiguratorActive: false, isSynced: true, permissions, }} /> );