Improves labeling and icon

Author: axosoft-ramint

CHANGELOG.md

@@ -11,7 +11,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 - Adds new ability to search for a GitLab MR in the _Launchpad_ — closes [#3788](https://github.com/gitkraken/vscode-gitlens/issues/3788)
 - Adds go to home view button to the commit graph title section — closes [#3873](https://github.com/gitkraken/vscode-gitlens/issues/3873)
 - Adds a _Contributors_ section to comparison results in the views
-- Adds a new control for graph branches visibility — closes [#3101](https://github.com/gitkraken/vscode-gitlens/issues/3101)
+- Adds a new Hidden Branches dropdown next to the Branch Visibility dropdown in the graph toolbar — closes [#3101](https://github.com/gitkraken/vscode-gitlens/issues/3101)
 
 ### Changed
 

src/webviews/apps/plus/graph/GraphWrapper.tsx

@@ -890,7 +890,7 @@ export function GraphWrapper({
 	const fixedExcludeRefsById = useMemo(() => ({ ...excludeRefsById }), [excludeRefsById]);
 	const handleOnToggleRefsVisibilityClick = (_event: any, refs: GraphRefOptData[], visible: boolean) => {
 		if (!visible) {
-			document.getElementById('test')?.animate(
+			document.getElementById('hiddenRefs')?.animate(
 				[
 					{ offset: 0, background: 'transparent' },
 					{
@@ -1060,8 +1060,6 @@ export function GraphWrapper({
 		onChangeSelection?.(rows);
 	};
 
-	const hasExcludedRefs = excludeRefsById && Object.keys(excludeRefsById).length;
-
 	return (
 		<>
 			<header className="titlebar graph-app__header">
@@ -1389,20 +1387,21 @@ export function GraphWrapper({
 									distance={0}
 								>
 									<GlTooltip placement="top" slot="anchor">
-										<button type="button" id="test" className="action-button">
-											<CodeIcon icon={`eye`} />
+										<button type="button" id="hiddenRefs" className="action-button">
+											<CodeIcon icon={`eye-closed`} />
 											{Object.values(excludeRefsById ?? {}).length}
 											<CodeIcon
 												className="action-button__more"
 												icon="chevron-down"
 												aria-hidden="true"
 											/>
 										</button>
-										<span slot="content">Hidden branches</span>
+										<span slot="content">Hidden Branches / Tags</span>
 									</GlTooltip>
 									<div slot="content">
-										<MenuLabel>Hidden branches</MenuLabel>
-										{hasExcludedRefs &&
+										<MenuLabel>Hidden Branches / Tags</MenuLabel>
+										{excludeRefsById &&
+											Object.keys(excludeRefsById).length &&
 											[...Object.values(excludeRefsById), null].map(ref =>
 												ref ? (
 													<MenuItem
@@ -1426,7 +1425,7 @@ export function GraphWrapper({
 															);
 														}}
 													>
-														Show all
+														Show All
 													</MenuItem>
 												),
 											)}