my ccompany + footer+ nofit + ...

src/pages/annoncement/List.tsx

@@ -2,17 +2,17 @@ import { FC, Fragment, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import Input from '../../components/Input'
 import StatusWithText from '../../components/StatusWithText'
-import { clx } from '../../helpers/utils'
-import { useNavigate } from 'react-router-dom'
+import { clx, buildPath } from '../../helpers/utils'
+import { useNavigate, useParams } from 'react-router-dom'
 import { Pages } from '../../config/Pages'
 import { useGetAnnoncement } from './hooks/useAnnoncementData'
 import { AnnoncementItemType } from './types/AnnoncementTypes'
 import moment from 'moment-jalaali'
-import { Helmet } from 'react-helmet-async'
 import AnouncementSkeleton from './components/AnouncementSkeleton'
 
 const AnnouncementtList: FC = () => {
 
+    const { slug } = useParams()
     const navigate = useNavigate()
     const { t } = useTranslation('global')
     const [search, setSearch] = useState<string>('')
@@ -21,7 +21,7 @@ const AnnouncementtList: FC = () => {
 
     const handleChange = (item: AnnoncementItemType) => {
         if (window.innerWidth < 1280) {
-            navigate(Pages.announcement.detail + item.announcement.id)
+            navigate(buildPath(Pages.announcement.detail + item.announcement.id, slug))
         } else {
             setItemSelected(item)
         }
@@ -29,11 +29,6 @@ const AnnouncementtList: FC = () => {
 
     return (
         <div className='mt-4 text-sm'>
-            <Helmet>
-                <title>
-                    داناک | اطلاعیه ها
-                </title>
-            </Helmet>
             <div className='text-base'>
                 {t('announcement.announcements')}
             </div>