Add a button in the navbar for reporting a bug

pbteja1998 · pbteja1998 · commit c7d9a8b554ed · 2021-02-28T10:44:49.000+05:30
diff --git a/src/components/AppNavBar.tsx b/src/components/AppNavBar.tsx
@@ -20,10 +20,15 @@ const navbarItems = [
     href: '/members',
   },
   {
-    title: 'Our Chatroom',
-    value: 'our-chatroom',
+    title: 'Chatroom',
+    value: 'chatroom',
     href: '/chat',
   },
+  {
+    title: 'Report Bug',
+    value: 'report-bug',
+    href: 'https://github.com/coderplex-org/coderplex-org/issues/new',
+  },
 ]
 
 export default function AppNavBar() {
diff --git a/src/components/HomePageFeed.tsx b/src/components/HomePageFeed.tsx
@@ -41,7 +41,7 @@ import {
 } from '@/components'
 import type { GoalResponse } from 'src/pages/[username]'
 import { scrollToContentWithId } from 'src/utils'
-import { IconBrandDiscord } from 'tabler-icons'
+import { IconBrandDiscord, IconBug } from 'tabler-icons'
 import toast, { Toaster } from 'react-hot-toast'
 import ListModal from './modal/ListModal'
 
@@ -453,6 +453,15 @@ function HomePageSideNavBar() {
                 <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>
+
+              <A
+                href="https://github.com/coderplex-org/coderplex-org/issues/new"
+                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"
+              >
+                <IconBug className="text-gray-400 group-hover:text-gray-500 flex-shrink-0 -ml-1 mr-3 h-6 w-6" />
+                <span className="truncate">Report a Bug</span>
+              </A>
             </>
           )}
           {!session && (
diff --git a/src/components/Markdown.tsx b/src/components/Markdown.tsx
@@ -13,7 +13,6 @@ function Repl({ replLink }: { replLink: string }) {
         src={`https://repl.it/${replLink}?lite=true`}
         scrolling="no"
         frameBorder="no"
-        allowTransparency={true}
         allowFullScreen={true}
         sandbox="allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-modals"
       />
