Skip to content

feat: add copy button for workspace name in breadcrumb #17822

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
May 15, 2025
Merged

feat: add copy button for workspace name in breadcrumb #17822

Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
605ac9b
feat: update CopyButton styling in WorkspaceBreadcrumb component
matifali May 14, 2025
0aef61d
refactor copy button to allow better experience and visual
BrunoQuaresma May 14, 2025
c5ea580
Remove unused component
BrunoQuaresma May 14, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
feat: update CopyButton styling in WorkspaceBreadcrumb component
  • Loading branch information
@matifali
matifali committed May 14, 2025
commit 605ac9b0e9c1517a8f3d11ee517384f2b48e1adf
18 changes: 15 additions & 3 deletions site/src/pages/WorkspacePage/WorkspaceTopbar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@ import { workspaceQuota } from "api/queries/workspaceQuota";
import type * as TypesGen from "api/typesGenerated";
import { Avatar } from "components/Avatar/Avatar";
import { AvatarData } from "components/Avatar/AvatarData";
import { CopyButton } from "components/CopyButton/CopyButton";
import {
Topbar,
TopbarAvatar,
Expand Down Expand Up @@ -350,9 +351,20 @@ const WorkspaceBreadcrumb: FC<WorkspaceBreadcrumbProps> = ({
<PopoverTrigger>
<span css={styles.breadcrumbSegment}>
<TopbarAvatar src={templateIconUrl} fallback={templateDisplayName} />
<span css={[styles.breadcrumbText, { fontWeight: 500 }]}>
{workspaceName}
</span>
<div css={{ display: "flex", alignItems: "center", gap: "4px" }}>
<span css={[styles.breadcrumbText, { fontWeight: 500 }]}>
{workspaceName}
</span>
<CopyButton
text={workspaceName}
tooltipTitle="Copy workspace name"
buttonStyles={{
padding: "4px",
minWidth: "24px",
height: "24px",
}}
/>
</div>
</span>
</PopoverTrigger>

Expand Down
Loading