Skip to content
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.

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

feat(vscode): #321 githru 열리기 전까지 progress 표시 #544

Merged
merged 3 commits into from
Jul 20, 2024

Conversation

yuiseo
Copy link
Member

@yuiseo yuiseo commented Jul 19, 2024

Related issue

#321 [vscode] githru 열리기 전까지 progress 표시

Result

  • githru 버튼을 누른 후 패널이 뜨기 전까지 githru 버튼 옆에 스피너가 표시됩니다.
  • 패널이 뜨게 되면 githru 버튼 옆에 체크 표시가 됩니다.
  • 패널을 닫으면 버튼이 처음 상태로 돌아옵니다.

Work list

패널이 열리기 전 / 닫은 후

image

패널이 뜨는 중

image

패널이 뜬 후

image

Discussion

로딩 시 스피너 외에 패널이 뜬 후 패널이 없을 때와 구분을 위해 체크 progress를 추가 하였습니다.

Reference

[visualstuido 공식문서]
https://code.visualstudio.com/api/references/icons-in-labels
https://code.visualstudio.com/api/ux-guidelines/status-bar
https://code.visualstudio.com/api/references/vscode-api#StatusBarItem

@yuiseo yuiseo self-assigned this Jul 19, 2024
@yuiseo yuiseo requested review from a team as code owners July 19, 2024 18:39
Copy link
Contributor

@ytaek ytaek left a comment

Choose a reason for hiding this comment

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

와, 일반 string으로 표현할 생각은 안해봤었는데,
이거 간단하지만 매우 좋은 해결책 같습니다!! 👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍

},
null,
context.subscriptions
);

subscriptions.push(webLoader);
myStatusBarItem.text = "$(check) githru";
Copy link
Contributor

Choose a reason for hiding this comment

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

"githru" 스트링이 반복되니,
윗쪽에서 따로 literal 로 선언해놓고 변수만 활용해도 괜찮을 것 같습니다.
(그럴 일이 잘 없겠지만, 이름이 바뀐다거나, 혹은 version을 추후에 표시할 수도 있으니? 😸 )

const projectName = "githru;

Copy link
Member Author

Choose a reason for hiding this comment

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

감사합니다! 피드백 반영하여 다시 푸쉬해두었습니다!

@yuiseo yuiseo requested a review from ytaek July 20, 2024 07:30
Copy link
Contributor

@ytaek ytaek left a comment

Choose a reason for hiding this comment

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

👍👍👍👍👍👍👍👍👍👍👍👍👍

Copy link
Contributor

@choisohyun choisohyun left a comment

Choose a reason for hiding this comment

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

오오 익스텐션에서 이런 아이콘도 쓸 수 있게 제공을 하는군요! 배워갑니다 👍

@yuiseo yuiseo merged commit d05dd61 into githru:main Jul 20, 2024
2 checks passed
@seungineer
Copy link
Member

built-in icons를 쓰니 VSCode UI와도 잘 어울려서 좋네요! 😮😮 😮
덕분에 알게 되었습니다 감사합니다👍

@ytaek ytaek added this to the v0.7.0 milestone Aug 10, 2024
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.

4 participants