pFad - Phone/Frame/Anonymizer/Declutterfier! Saves Data!


--- a PPN by Garber Painting Akron. With Image Size Reduction included!

URL: http://github.com/bytebase/bytebase/pull/21097

requests-12898a7be3dbcd40.css" /> refactor: database name display by ecmadao · Pull Request #21097 · bytebase/bytebase · GitHub
Skip to content

refactor: database name display - #21097

Open
ecmadao wants to merge 4 commits into
bytebase:mainfrom
ecmadao:chore/BYT-9823
Open

refactor: database name display#21097
ecmadao wants to merge 4 commits into
bytebase:mainfrom
ecmadao:chore/BYT-9823

Conversation

@ecmadao

@ecmadao ecmadao commented Aug 3, 2026

Copy link
Copy Markdown
Collaborator

{Engine icon} {Instance title} > {Environment label} {Database name}

Close BYT-9823 and BYT-9933

Before

Codex 图像 2026年8月3日 15_02_12 Codex 图像 2026年8月3日 15_02_24 Codex 图像 2026年8月3日 15_02_35

After

Codex 图像 2026年8月3日 15_02_18 Codex 图像 2026年8月3日 15_02_29 Codex 图像 2026年8月3日 15_02_39

ecmadao added 2 commits August 3, 2026 14:25
# Conflicts:
#	frontend/src/routes/project/issue-detail/components/IssueDetailDatabaseExportView.tsx
@ecmadao
ecmadao requested a review from a team as a code owner August 3, 2026 07:03
@cla-bot cla-bot Bot added the cla-signed label Aug 3, 2026
@d-bytebase
d-bytebase requested a review from zchpeter August 3, 2026 07:05
@ecmadao
ecmadao requested a review from boojack August 3, 2026 07:06
@boojack

boojack commented Aug 3, 2026

Copy link
Copy Markdown
Contributor

The current > feels slightly unusual as a separator because it can read as a comparison operator rather than clearly expressing the relationship between the two resources. I mocked up a few alternatives to compare their visual weight and implied semantics:

  • Chevron — communicates hierarchy or breadcrumb navigation. Common in Material UI breadcrumbs and similar navigation systems.
  • Slash — reads like a resource path or namespace. Used by IBM Carbon breadcrumbs and GitHub-style owner/repository paths.
  • Arrow — emphasizes direction or a source-to-destination relationship. Common in routing and redirect patterns such as Vercel and Cloudflare.
  • Middle dot — provides lightweight separation without implying hierarchy or direction. Common in metadata rows in products such as YouTube and LinkedIn.
image

My vote goes to the slash /.

@sonarqubecloud

sonarqubecloud Bot commented Aug 3, 2026

Copy link
Copy Markdown

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: b7b2ce974e

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

text={environment.title}
className={cn("mr-1 min-w-0 shrink", classes.environment)}
>
<EnvironmentLabel environment={environment} />

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Avoid mounting smart environment labels per database row

When showEnvironment is enabled in row-heavy consumers such as DatabaseResourceSelector (up to 200 rows per page), every target now mounts EnvironmentLabel. Even when the resolved environment object is passed, that component unconditionally calls both useEnvironment() and usePlanFeature(), registering multiple Zustand subscriptions and running loadEnvironmentList() and loadSubscription() effects for every row. This recreates the per-row loading/subscription pattern that DatabaseTableView explicitly hoists to avoid; use the pure EnvironmentBadge with hoisted feature/environment data, or otherwise provide a pure display path for list consumers.

Useful? React with 👍 / 👎.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

pFad - Phonifier reborn

Pfad - The Proxy pFad © 2024 Your Company Name. All rights reserved.





Check this box to remove all script contents from the fetched content.



Check this box to remove all images from the fetched content.


Check this box to remove all CSS styles from the fetched content.


Check this box to keep images inefficiently compressed and original size.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy