Skip to content

feat(ui-studies): add active tree variant chip in breadcrumb navigation#3216

Open
hdinia wants to merge 2 commits into
devfrom
feature/studies-list-root-badge
Open

feat(ui-studies): add active tree variant chip in breadcrumb navigation#3216
hdinia wants to merge 2 commits into
devfrom
feature/studies-list-root-badge

Conversation

@hdinia
Copy link
Copy Markdown
Member

@hdinia hdinia commented May 20, 2026

No description provided.

@hdinia hdinia self-assigned this May 20, 2026
@skamril skamril self-requested a review May 22, 2026 08:11
const isLast = index === items.length - 1;
<Breadcrumbs maxItems={3} sx={separatorSx(activeTree)}>
<BreadcrumbRootChip
key={buildKey("__root__", 0)}
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

key not necessary here (then + 1 for the key below too)

component="span"
sx={{
fontSize: "0.65rem",
fontWeight: 700,
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

💡 I think it's better to used the predefined size:

<Typography fontSize="small" ...>

@@ -0,0 +1,66 @@
/**
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Can you add Utils at the end of the file?


export type TreeVariant = "managed" | "external";

export const variantColor = (variant: TreeVariant) =>
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Mix of function declarations and arrow functions.

>
{variantLabel(variant, t)}
</Typography>
<Box component="span" sx={{ width: "1px", height: 11, bgcolor: "divider", opacity: 0.7 }} />
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

💡 You can use Divider

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

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants