Show bell icon for notifications

pbteja1998 · pbteja1998 · commit 5f9f25801181 · 2021-02-28T10:44:49.000+05:30
diff --git a/src/components/AppNavBar.tsx b/src/components/AppNavBar.tsx
@@ -1,6 +1,6 @@
 import { NavBar, Button, Menu, Avatar } from '@/ui'
 import { signIn, signOut, useSession } from 'next-auth/client'
-import { Logo, DonateModal, GlobalLoadingIndicator } from '@/components'
+import { Logo, DonateModal, GlobalLoadingIndicator, A } from '@/components'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
 import { User } from 'src/pages/members'
@@ -24,11 +24,6 @@ const navbarItems = [
     value: 'our-chatroom',
     href: '/chat',
   },
-  {
-    title: 'Notifications',
-    value: 'notifications',
-    href: '/notifications',
-  },
 ]
 
 export default function AppNavBar() {
@@ -97,6 +92,27 @@ export default function AppNavBar() {
                   Donate
                 </Button>
 
+                <A href="/notifications">
+                  <button className="bg-white p-1 rounded-full text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
+                    <span className="sr-only">View notifications</span>
+                    <svg
+                      className="h-6 w-6"
+                      xmlns="http://www.w3.org/2000/svg"
+                      fill="none"
+                      viewBox="0 0 24 24"
+                      stroke="currentColor"
+                      aria-hidden="true"
+                    >
+                      <path
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                        strokeWidth="2"
+                        d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"
+                      />
+                    </svg>
+                  </button>
+                </A>
+
                 <Menu
                   trigger={
                     <Avatar
