From 840b757d31936aa9b02d43a2242612a57e25908f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kamil=20My=C5=9Bliwiec?= <mail@kamilmysliwiec.com>
Date: Thu, 13 Feb 2020 17:02:22 +0100
Subject: [PATCH] feat(): add shop to the navigation

---
 src/app/homepage/header/header.component.html | 8 ++++++++
 src/app/homepage/header/header.component.scss | 6 ++++++
 src/app/homepage/menu/menu.component.ts       | 4 ++++
 3 files changed, 18 insertions(+)

diff --git a/src/app/homepage/header/header.component.html b/src/app/homepage/header/header.component.html
index bfc3ba2016..df6f782b37 100644
--- a/src/app/homepage/header/header.component.html
+++ b/src/app/homepage/header/header.component.html
@@ -55,6 +55,14 @@
           >Our website</a
         >
       </li>
+      <li class="shop-link">
+        <a
+          href="https://nestjs.threadless.com/"
+          target="_blank"
+          title="Shop | NestJS - A node.js framework built on top of TypeScript"
+          >Shop</a
+        >
+      </li>
       <li>
         <a
           href="https://courses.nestjs.com"
diff --git a/src/app/homepage/header/header.component.scss b/src/app/homepage/header/header.component.scss
index 1e1e147ac3..c714ae96d7 100644
--- a/src/app/homepage/header/header.component.scss
+++ b/src/app/homepage/header/header.component.scss
@@ -377,3 +377,9 @@ header {
     transform: rotate(-45deg) translateY(3px);
   }
 }
+
+@media (max-width: 1300px) {
+  .shop-link {
+    display: none !important;
+  }
+}
diff --git a/src/app/homepage/menu/menu.component.ts b/src/app/homepage/menu/menu.component.ts
index 22d984d1cc..6c12c72613 100644
--- a/src/app/homepage/menu/menu.component.ts
+++ b/src/app/homepage/menu/menu.component.ts
@@ -209,6 +209,10 @@ export class MenuComponent implements OnInit {
       isOpened: false,
       path: '/support',
     },
+    {
+      title: 'T-Shirts and Accessories',
+      externalUrl: 'https://nestjs.threadless.com/',
+    },
   ];
 
   constructor(