From b3f04e36a52d3241069e4d722952090d6acf0aa2 Mon Sep 17 00:00:00 2001 From: sawankshrma Date: Wed, 18 Feb 2026 21:33:44 +0530 Subject: [PATCH] Move GitHub redirect link to sidebar --- src/app/app.component.html | 8 -------- src/app/app.component.spec.ts | 8 -------- .../sidenav-buttons/sidenav-buttons.component.html | 4 ++++ .../sidenav-buttons.component.spec.ts | 3 +-- .../sidenav-buttons/sidenav-buttons.component.ts | 14 +++++++++++++- src/assets/svg_icons.ts | 1 + 6 files changed, 19 insertions(+), 19 deletions(-) create mode 100644 src/assets/svg_icons.ts diff --git a/src/app/app.component.html b/src/app/app.component.html index 5cd4c1707..68d0cce14 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -16,14 +16,6 @@
{{ subtitle }}
- Fork me on GitHub diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts index 6cf17ff2b..b7c68182a 100644 --- a/src/app/app.component.spec.ts +++ b/src/app/app.component.spec.ts @@ -22,12 +22,4 @@ describe('AppComponent', () => { it('should create the app', () => { expect(app).toBeTruthy(); }); - - it('check for fork me on github ribbon generation', () => { - const fixture = TestBed.createComponent(AppComponent); - const HTMLElement: HTMLElement = fixture.nativeElement; - var divTag = HTMLElement.querySelector('div')!; - var aTag = divTag.querySelector('a')!; - expect(aTag.textContent).toContain('GitHub'); - }); }); diff --git a/src/app/component/sidenav-buttons/sidenav-buttons.component.html b/src/app/component/sidenav-buttons/sidenav-buttons.component.html index 9aa49d0b8..d0bddb681 100644 --- a/src/app/component/sidenav-buttons/sidenav-buttons.component.html +++ b/src/app/component/sidenav-buttons/sidenav-buttons.component.html @@ -3,6 +3,10 @@ {{ Icons[i] }}

{{ Options[i] }}

+ + +

GitHub

+ diff --git a/src/app/component/sidenav-buttons/sidenav-buttons.component.spec.ts b/src/app/component/sidenav-buttons/sidenav-buttons.component.spec.ts index fd22d9bb9..6e04c495e 100644 --- a/src/app/component/sidenav-buttons/sidenav-buttons.component.spec.ts +++ b/src/app/component/sidenav-buttons/sidenav-buttons.component.spec.ts @@ -37,8 +37,7 @@ describe('SidenavButtonsComponent', () => { for (var x = 0; x < NavigationList.length; x += 1) { NavigationNamesBeingShown.push(NavigationList[x].textContent); } - //console.log({ ...NavigationNamesBeingShown }); - //console.log(component.Options); + NavigationNamesBeingShown.pop(); // Remove GitHub link expect(NavigationNamesBeingShown).toEqual(component.Options); }); diff --git a/src/app/component/sidenav-buttons/sidenav-buttons.component.ts b/src/app/component/sidenav-buttons/sidenav-buttons.component.ts index bea86b2be..b53ad3ec2 100644 --- a/src/app/component/sidenav-buttons/sidenav-buttons.component.ts +++ b/src/app/component/sidenav-buttons/sidenav-buttons.component.ts @@ -1,4 +1,7 @@ import { Component, OnInit } from '@angular/core'; +import { MatIconRegistry } from '@angular/material/icon'; +import { DomSanitizer } from '@angular/platform-browser'; +import { GITHUB_SVG } from '../../../assets/svg_icons'; import { ThemeService } from '../../service/theme.service'; @Component({ @@ -43,7 +46,16 @@ export class SidenavButtonsComponent implements OnInit { isNightMode = false; - constructor(private themeService: ThemeService) {} + constructor( + private themeService: ThemeService, + private iconRegistry: MatIconRegistry, + private sanitizer: DomSanitizer + ) { + this.iconRegistry.addSvgIconLiteral( + 'github', + this.sanitizer.bypassSecurityTrustHtml(GITHUB_SVG) + ); + } ngOnInit(): void { const currentTheme = this.themeService.getTheme(); diff --git a/src/assets/svg_icons.ts b/src/assets/svg_icons.ts new file mode 100644 index 000000000..4a921c0c3 --- /dev/null +++ b/src/assets/svg_icons.ts @@ -0,0 +1 @@ +export const GITHUB_SVG = ``;