report bug

src/shared/Header.tsx

@@ -1,6 +1,6 @@
 import { FC, useEffect, useState } from 'react'
 // import Input from '../components/Input'
-import { ArrowDown2, CloseCircle, Element4, HambergerMenu, Logout } from 'iconsax-react'
+import { ArrowDown2, CloseCircle, Element4, HambergerMenu, Logout, MessageQuestion } from 'iconsax-react'
 import AvatarImage from '../assets/images/avatar_image.png'
 import { useTranslation } from 'react-i18next'
 import { Link, useLocation } from 'react-router-dom'
@@ -10,13 +10,14 @@ import { useGetProfile } from '@/pages/profile/hooks/useProfileData'
 import { Popover, PopoverButton, PopoverPanel } from '@headlessui/react'
 import { removeRefreshToken, removeToken } from '../config/func'
 import { clx } from '../helpers/utils'
+import RowActionsDropdown from '@/components/RowActionsDropdown'
 
 const Header: FC = () => {
 
     const location = useLocation();
     const [popoverKey, setPopoverKey] = useState(0);
     const { t } = useTranslation('global')
-    const { setOpenSidebar, openSidebar, hasSubMenu } = useSharedStore()
+    const { setOpenSidebar, openSidebar, hasSubMenu, setOpenReportBug } = useSharedStore()
     const { data } = useGetProfile()
 
     useEffect(() => {
@@ -54,6 +55,24 @@ const Header: FC = () => {
                 {/* <Link className='xl:hidden' to={Pages.wallet}>
                     <Wallet className='xl:size-[18px] size-[17px]' color='black' />
                 </Link> */}
+
+                <RowActionsDropdown
+                    actions={[
+                        {
+                            label: 'راهنما',
+                            onClick: () => window.open(
+                                import.meta.env.VITE_HELP_URL + `/${import.meta.env.VITE_SERVICE_ID}`,
+                                '_blank'
+                            ),
+                        },
+                        {
+                            label: 'گزارش اشکالات',
+                            onClick: () => setOpenReportBug(true),
+                        },
+                    ]}
+                    trigger={<MessageQuestion size={20} color='black' />}
+                />
+
                 <Notifications />
                 {
                     data && (

src/shared/store/sharedStore.ts

@@ -10,4 +10,6 @@ export const useSharedStore = create<SharedStoreType>((set) => ({
   setOpenBuySpace: (value) => set({ openBuySpace: value }),
   hasSubMenu: false,
   setSubtMenu: (value: boolean) => set({ hasSubMenu: value }),
+  openReportBug: false,
+  setOpenReportBug: (value) => set({ openReportBug: value }),
 }));

src/shared/types/SharedTypes.ts

@@ -7,4 +7,6 @@ export type SharedStoreType = {
   setOpenBuySpace: (value: boolean) => void;
   hasSubMenu: boolean;
   setSubtMenu: (value: boolean) => void;
+  openReportBug: boolean;
+  setOpenReportBug: (value: boolean) => void;
 };