Hides walkthrough link in featue-nav.ts

(#3837, #4390)

Author: sergeibbb

src/webviews/apps/home/components/feature-nav.ts

@@ -196,21 +196,31 @@ export class GlFeatureNav extends GlElement {
 					this.orgAllowsDrafts,
 					() => html`
 						<div class="nav-list__item">
-							<a
-								class="nav-list__link${this.blockRepoFeatures ? ' is-disabled' : ''}"
-								href="${createCommandLink<OpenWalkthroughCommandArgs>('gitlens.openWalkthrough', {
-									step: 'streamline-collaboration',
-									source: { source: 'home', detail: 'old-home' },
-								})}"
-								data-requires="repo"
-								data-org-requires="drafts"
-								aria-label="Open Code Suggest walkthrough"
-								><code-icon class="nav-list__icon" icon="gl-code-suggestion"></code-icon
-								><gl-tooltip hoist class="nav-list__group" content="Open Code Suggest walkthrough"
-									><span class="nav-list__label">Code Suggest</span
-									><span class="nav-list__desc">New!</span></gl-tooltip
-								>
-							</a>
+							${when(
+								this._state.walkthroughSupported,
+								() =>
+									html` <a
+										class="nav-list__link${this.blockRepoFeatures ? ' is-disabled' : ''}"
+										href="${createCommandLink<OpenWalkthroughCommandArgs>(
+											'gitlens.openWalkthrough',
+											{
+												step: 'streamline-collaboration',
+												source: { source: 'home', detail: 'old-home' },
+											},
+										)}"
+										data-requires="repo"
+										data-org-requires="drafts"
+										aria-label="Open Code Suggest walkthrough"
+										><code-icon class="nav-list__icon" icon="gl-code-suggestion"></code-icon
+										><gl-tooltip
+											hoist
+											class="nav-list__group"
+											content="Open Code Suggest walkthrough"
+											><span class="nav-list__label">Code Suggest</span
+											><span class="nav-list__desc">New!</span></gl-tooltip
+										>
+									</a>`,
+							)}
 							<gl-feature-badge
 								.source=${this.badgeSource}
 								.subscription=${this._state.subscription}

src/webviews/home/homeWebview.ts

@@ -808,6 +808,7 @@ export class HomeWebviewProvider implements WebviewProvider<State, State, HomeWe
 			integrations: integrations,
 			ai: ai,
 			hasAnyIntegrationConnected: anyConnected,
+			walkthroughSupported: this.container.walkthrough != null,
 			walkthroughProgress:
 				!this.getWalkthroughDismissed() && this.container.walkthrough != null
 					? {

src/webviews/home/protocol.ts

@@ -37,6 +37,7 @@ export interface State extends WebviewState {
 	ai: { model: AIModel | undefined };
 	avatar?: string;
 	organizationsCount?: number;
+	walkthroughSupported: boolean;
 	walkthroughProgress?: {
 		doneCount: number;
 		allCount: number;