diff --git a/apps/canvas/widget/tldraw/TopZone.jsx b/apps/canvas/widget/tldraw/TopZone.jsx index 01001f5e..3ab1fdfb 100644 --- a/apps/canvas/widget/tldraw/TopZone.jsx +++ b/apps/canvas/widget/tldraw/TopZone.jsx @@ -4,8 +4,15 @@ const parts = path.split("/"); const creatorId = parts[0]; const thingId = parts[2]; +const Button = styled.button` + background: transparent; + width: 24px; + height: 24px; + border: none; +`; + return ( -
+
{"/" + thingId} + {"Copy to clipboard"}} + > + +
); diff --git a/src/components/custom/tldraw/TopZone.js b/src/components/custom/tldraw/TopZone.js index 8913ccdf..ad781983 100644 --- a/src/components/custom/tldraw/TopZone.js +++ b/src/components/custom/tldraw/TopZone.js @@ -1,16 +1,18 @@ import { Widget } from "near-social-vm"; import React from "react"; import { useBosLoaderStore } from "../../../stores/bos-loader"; +import { useLocation } from "react-router-dom"; function TopZone({ path }) { const redirectMapStore = useBosLoaderStore(); + const location = useLocation(); return ( <>