row click & filters + ...

src/shared/Main.tsx

@@ -2,8 +2,16 @@ import { FC } from 'react'
 import SideBar from './SideBar'
 import AppRouter from '@/router/AppRouter'
 import Header from './Header'
+import Button from '@/components/Button'
+import { Add } from 'iconsax-react'
+import { useTranslation } from 'react-i18next'
+import { useSharedStore } from './store/sharedStore'
 
 const Main: FC = () => {
+
+    const { t } = useTranslation()
+    const { setOpenSidebar, setOpenNewMessage } = useSharedStore()
+
     return (
         <div className='p-2 md:p-4 overflow-hidden'>
             <SideBar />
@@ -15,6 +23,22 @@ const Main: FC = () => {
                     </div>
                 </div>
             </div>
+
+            <div className='flex fixed bottom-4 xl:hidden  right-0 justify-center mt-10 md:mt-14 px-4'>
+                <Button
+                    className='bg-secondary font-normal text-primary w-fit px-4 md:px-6 text-sm'
+                    onClick={() => {
+                        setOpenSidebar(false)
+                        setOpenNewMessage(true)
+                    }}
+                >
+                    <div className='flex gap-2 items-center'>
+                        <Add size={18} color='black' />
+                        <div>{t('sidebar.new_message')}</div>
+                    </div>
+                </Button>
+            </div>
+
         </div>
     )
 }