Add chatroom to nav

pbteja1998 · pbteja1998 · commit 278e9c974b87 · 2021-02-21T17:08:52.000+05:30
diff --git a/next.config.js b/next.config.js
@@ -10,6 +10,11 @@ module.exports = {
           'https://github.com/coderplex-org/coderplex-org/wiki/Markdown-Guide',
         permanent: false,
       },
+      {
+        source: '/chat',
+        destination: 'https://chat.coderplex.org',
+        permanent: true,
+      },
     ]
   },
 }
diff --git a/src/components/AppNavBar.tsx b/src/components/AppNavBar.tsx
@@ -19,6 +19,11 @@ const navbarItems = [
     value: 'members',
     href: '/members',
   },
+  {
+    title: 'Our Chatroom',
+    value: 'our-chatroom',
+    href: '/chat',
+  },
 ]
 
 export default function AppNavBar() {
diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
@@ -12,8 +12,8 @@ export default function Hero() {
             </span>
           </h1>
           <p className="mt-3 max-w-md mx-auto text-base text-gray-500 sm:text-lg md:mt-5 md:text-xl md:max-w-3xl">
-            Our mission is to help each other to learn more, create awesome
-            things, and become better developers.
+            Achieve your goals with a community of passionate self-learners by
+            joining the Coderplex Community
           </p>
           <div className="mt-5 max-w-xl mx-auto sm:flex sm:justify-center md:mt-8">
             <div className="rounded-md shadow">
diff --git a/src/components/HomePageFeed.tsx b/src/components/HomePageFeed.tsx
@@ -35,6 +35,7 @@ import {
 import { Goal } from './goals'
 import type { GoalResponse } from 'src/pages/[username]'
 import { scrollToContentWithId } from 'src/utils'
+import { IconBrandDiscord } from 'tabler-icons'
 
 type LikeData = {
   count: number
@@ -351,6 +352,15 @@ function HomePageSideNavBar() {
                 <Gear className="text-gray-400 group-hover:text-gray-500 flex-shrink-0 -ml-1 mr-3 h-6 w-6" />
                 <span className="truncate">Settings</span>
               </A>
+
+              <A
+                href="/chat"
+                className="text-gray-600 hover:bg-gray-50 group flex items-center px-3 py-2 text-sm font-medium rounded-md"
+                aria-current="false"
+              >
+                <IconBrandDiscord className="text-gray-400 group-hover:text-gray-500 flex-shrink-0 -ml-1 mr-3 h-6 w-6" />
+                <span className="truncate">Our Chatroom</span>
+              </A>
             </>
           )}
           {!session && (
@@ -363,6 +373,15 @@ function HomePageSideNavBar() {
                 <Users className="text-gray-400 group-hover:text-gray-500 flex-shrink-0 -ml-1 mr-3 h-6 w-6" />
                 <span className="truncate">Members</span>
               </A>
+              <A
+                href="/chat"
+                target="_blank"
+                className="text-gray-600 hover:bg-gray-50 group flex items-center px-3 py-2 text-sm font-medium rounded-md"
+                aria-current="false"
+              >
+                <IconBrandDiscord className="text-gray-400 group-hover:text-gray-500 flex-shrink-0 -ml-1 mr-3 h-6 w-6" />
+                <span className="truncate">Our Chatroom</span>
+              </A>
             </>
           )}
         </div>

Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,11 @@ module.exports = {`
`10`	`10`	`'https://github.com/coderplex-org/coderplex-org/wiki/Markdown-Guide',`
`11`	`11`	`permanent: false,`
`12`	`12`	`},`
	`13`	`+ {`
	`14`	`+ source: '/chat',`
	`15`	`+ destination: 'https://chat.coderplex.org',`
	`16`	`+ permanent: true,`
	`17`	`+ },`
`13`	`18`	`]`
`14`	`19`	`},`
`15`	`20`	`}`