chore: add report a bug link (#985)

heyxyz · Oct 28, 2022 · cc47536 · cc47536 · vercel · Oct 28, 2022
1 parent 71604ce
commit cc47536
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/src/components/Shared/Navbar/MoreNavItems.tsx b/src/components/Shared/Navbar/MoreNavItems.tsx
@@ -1,5 +1,5 @@
 import { Menu, Transition } from '@headlessui/react';
-import { SupportIcon } from '@heroicons/react/outline';
+import { HandIcon, SupportIcon } from '@heroicons/react/outline';
 import clsx from 'clsx';
 import type { FC } from 'react';
 import { Fragment } from 'react';
@@ -35,7 +35,7 @@ const MoreNavItems: FC = () => {
           >
             <Menu.Items
               static
-              className="absolute py-1 mt-2 w-52 bg-white rounded-xl border shadow-sm dark:bg-gray-900 focus:outline-none dark:border-gray-700/80"
+              className="absolute py-1 mt-2 bg-white rounded-xl border shadow-sm dark:bg-gray-900 focus:outline-none dark:border-gray-700/80"
             >
               <Menu.Item
                 as={NextLink}
@@ -49,6 +49,19 @@ const MoreNavItems: FC = () => {
                   <div>Contact</div>
                 </div>
               </Menu.Item>
+              <Menu.Item
+                as="a"
+                href="https://github.com/lensterxyz/lenster/issues/new?assignees=bigint&labels=needs+review&template=bug_report.yml"
+                target="_blank"
+                className={({ active }: { active: boolean }) =>
+                  clsx({ 'dropdown-active': active }, 'menu-item')
+                }
+              >
+                <div className="flex items-center space-x-1.5">
+                  <HandIcon className="w-4 h-4" />
+                  <div>Report a bug</div>
+                </div>
+              </Menu.Item>
             </Menu.Items>
           </Transition>
         </>

diff --git a/src/components/Shared/ReferenceSettings/index.tsx b/src/components/Shared/ReferenceSettings/index.tsx
@@ -39,7 +39,7 @@ const ReferenceSettings: FC = () => {
 
   const Module: FC<ModuleProps> = ({ title, icon, onClick, selected }) => (
     <Menu.Item as="a" className={clsx({ 'dropdown-active': selected }, 'menu-item')} onClick={onClick}>
-      <div className="flex items-center justify-between">
+      <div className="flex items-center justify-between space-x-2">
         <div className="flex items-center space-x-1.5">
           <div className="text-brand-500">{icon}</div>
           <div>{title}</div>
@@ -73,7 +73,7 @@ const ReferenceSettings: FC = () => {
           >
             <Menu.Items
               static
-              className="absolute py-1 z-[5] mt-2 w-52 bg-white rounded-xl border shadow-sm dark:bg-gray-900 focus:outline-none dark:border-gray-700/80"
+              className="absolute py-1 z-[5] mt-2 bg-white rounded-xl border shadow-sm dark:bg-gray-900 focus:outline-none dark:border-gray-700/80"
             >
               <Module
                 title={EVERYONE}