Skip to content

[refactor](view): 스토리라인 차트 브래드크럼 MUI 컴포넌트로 변경#976

Merged
oortmealy merged 8 commits into
newvizfrom
refactor-breadcrumb/956
Oct 11, 2025
Merged

[refactor](view): 스토리라인 차트 브래드크럼 MUI 컴포넌트로 변경#976
oortmealy merged 8 commits into
newvizfrom
refactor-breadcrumb/956

Conversation

@oortmealy

@oortmealy oortmealy commented Oct 11, 2025

Copy link
Copy Markdown
Member

Related issue

#956 , #947

Result

image

Work list

  • 브레드크럼 변경 : 커스텀 브레드크럼 + "← Up" 버튼 -> MUI Breadcrumbs 컴포넌트 사용
  • 차트 크기 변경
  • 차트 reflow 방지 : 500px 고정높이, (폴더 레인의 높이는 폴더 개수에 따라 동적 조정)
  • contributor activity가 없는 폴더는 차트에서 제외
  • navigateUp 함수 제거

Discussion

@oortmealy oortmealy added this to the v0.8.2 milestone Oct 11, 2025
@oortmealy oortmealy self-assigned this Oct 11, 2025
@oortmealy
oortmealy requested review from a team as code owners October 11, 2025 08:05

@hyemimi hyemimi left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

LGTM 수고하셨습니다 ~~ 👍👍

Comment on lines -62 to -63
display: flex;
align-items: center;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

'>' 아이콘이랑 텍스트가 세로 정렬이 안 되어있는데 아마 요 부분 삭제되어서 그런게 아닐까 추측해봅니당

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

오 넵! 다음 pr에서 다시 수정해볼게요

/**
* Navigate up to parent folder
*/
const navigateUp = useCallback(() => {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

(궁금) 오!! 요 함수 없어도 폴더 거슬러 올라갈 수 있나요?!

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

넵! up버튼에서만 쓰이던 함수이고, 기존에도 브레드크럼의 폴더명 클릭하면 거슬러 올라갈 수 있었어요!

Comment on lines +57 to +59
// 실제로 노드(activity)가 있는 폴더만 필터링
const activeFolderPaths = Array.from(new Set(releaseContributorActivities.map((a) => a.folderPath)));
const filteredFolderPaths = releaseTopFolderPaths.filter((path) => activeFolderPaths.includes(path));

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

(궁금) 그러면 같은 폴더 내 activity가 없는 폴더(or 파일)들은 안 보여지게 되나요?

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

네네! 기여자 노드가 없는 파일이 보여지는게 불필요한 것 같아서 제거했습니다
비포 애프터를 찍을걸 그랬네요🥲

@oortmealy
oortmealy merged commit 60f26c2 into newviz Oct 11, 2025
@oortmealy
oortmealy deleted the refactor-breadcrumb/956 branch October 11, 2025 11:15
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