From e1e7266ced96c6545dc97c59ea2f6154aa199536 Mon Sep 17 00:00:00 2001
From: vidhi hattar <hattarvidhi@gmail.com>
Date: Wed, 29 May 2024 15:18:49 +0530
Subject: [PATCH] docs: add discord link icon to nav menu (#56149)

PR Close #56149
---
 adev/src/app/core/constants/links.ts           |  1 +
 .../navigation/navigation.component.html       | 18 ++++++++++++++++++
 .../layout/navigation/navigation.component.ts  |  3 ++-
 3 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/adev/src/app/core/constants/links.ts b/adev/src/app/core/constants/links.ts
index 35e5ccad9ef..fb7d17d7fb9 100644
--- a/adev/src/app/core/constants/links.ts
+++ b/adev/src/app/core/constants/links.ts
@@ -10,3 +10,4 @@ export const GITHUB = 'https://github.com/angular/angular';
 export const X = 'https://x.com/angular';
 export const MEDIUM = 'https://blog.angular.dev';
 export const YOUTUBE = 'https://www.youtube.com/angular';
+export const DISCORD = 'https://discord.gg/angular';
diff --git a/adev/src/app/core/layout/navigation/navigation.component.html b/adev/src/app/core/layout/navigation/navigation.component.html
index abcd356b108..e25ac71af6d 100644
--- a/adev/src/app/core/layout/navigation/navigation.component.html
+++ b/adev/src/app/core/layout/navigation/navigation.component.html
@@ -380,6 +380,24 @@
                 </svg>
               </a>
             </li>
+            <li>
+              <a [href]="DISCORD" cdkMenuItem title="Angular Discord" target="_blank" rel="noopener">
+                <!-- Discord Icon -->
+                <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    viewBox="0 0 127.14 96.36"
+                    width="20"
+                    height="20"
+                    fill="none"
+                    >
+                    <path
+                      fill-rule="evenodd"
+                      clip-rule="evenodd"
+                      d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,110.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"
+                    />
+                  </svg>
+              </a>
+            </li>
           </ul>
         </ng-template>
       </div>
diff --git a/adev/src/app/core/layout/navigation/navigation.component.ts b/adev/src/app/core/layout/navigation/navigation.component.ts
index 805b2b2e0c1..707b972b72e 100644
--- a/adev/src/app/core/layout/navigation/navigation.component.ts
+++ b/adev/src/app/core/layout/navigation/navigation.component.ts
@@ -30,7 +30,7 @@ import {
 import {ActivatedRoute, NavigationEnd, Router, RouterLink} from '@angular/router';
 import {filter, map, startWith} from 'rxjs/operators';
 import {DOCS_ROUTES, REFERENCE_ROUTES, TUTORIALS_ROUTES} from '../../../routes';
-import {GITHUB, MEDIUM, X, YOUTUBE} from '../../constants/links';
+import {GITHUB, MEDIUM, X, YOUTUBE, DISCORD} from '../../constants/links';
 import {PagePrefix} from '../../enums/pages';
 import {Theme, ThemeManager} from '../../services/theme-manager.service';
 import {VersionManager} from '../../services/version-manager.service';
@@ -79,6 +79,7 @@ export class Navigation implements OnInit {
   readonly X = X;
   readonly MEDIUM = MEDIUM;
   readonly YOUTUBE = YOUTUBE;
+  readonly DISCORD = DISCORD;
 
   readonly PRIMARY_NAV_ID = PRIMARY_NAV_ID;
   readonly SECONDARY_NAV_ID = SECONDARY_NAV_ID;