TNT-Flo/sandbox-web-ide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui improvements

Browse Source
This commit is contained in:
Ishaan Dey
2024-05-05 00:06:10 -07:00
parent 159e7b62e2
commit 5ae5c226ba
7 changed files with 105 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/components/editor/navbar/index.tsx
View File

@ -27,6 +27,8 @@ export default function Navbar({
const [isEditOpen, setIsEditOpen] = useState(false)
const [isShareOpen, setIsShareOpen] = useState(false)
const isOwner = sandboxData.userId === userData.id
return (
<>
<EditSandboxModal
@ -50,21 +52,25 @@ export default function Navbar({
</Link>
<div className="text-sm font-medium flex items-center">
{sandboxData.name}
<button
onClick={() => setIsEditOpen(true)}
className="h-7 w-7 ml-2 flex items-center justify-center bg-transparent hover:bg-muted-foreground/25 cursor-pointer rounded-md ring-offset-2 transition-all ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
>
<Pencil className="w-4 h-4" />
</button>
{isOwner ? (
<button
onClick={() => setIsEditOpen(true)}
className="h-7 w-7 ml-2 flex items-center justify-center bg-transparent hover:bg-muted-foreground/25 cursor-pointer rounded-md ring-offset-2 transition-all ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
>
<Pencil className="w-4 h-4" />
</button>
) : null}
</div>
</div>
<div className="flex items-center space-x-4">
<Avatars />
<Button variant="outline" onClick={() => setIsShareOpen(true)}>
<Users className="w-4 h-4 mr-2" />
Share
</Button>
{isOwner ? (
<Button variant="outline" onClick={() => setIsShareOpen(true)}>
<Users className="w-4 h-4 mr-2" />
Share
</Button>
) : null}
<UserButton userData={userData} />
</div>
</div>