annoncement detail

src/pages/annoncement/List.tsx

@@ -5,7 +5,7 @@ import StatusWithText from '../../components/StatusWithText'
 import { clx } from '../../helpers/utils'
 import { useNavigate } from 'react-router-dom'
 import { Pages } from '../../config/Pages'
-import { useGetAnnoncement } from './hooks/useAnnoncementData'
+import { useGetAnnoncement, useGetAnnoncementDetail } from './hooks/useAnnoncementData'
 import { AnnoncementItemType } from './types/AnnoncementTypes'
 import moment from 'moment-jalaali'
 import { Helmet } from 'react-helmet-async'
@@ -18,6 +18,8 @@ const AnnouncementtList: FC = () => {
     const [search, setSearch] = useState<string>('')
     const [itemSelected, setItemSelected] = useState<AnnoncementItemType>()
     const getAnnoncements = useGetAnnoncement(search)
+    useGetAnnoncementDetail(itemSelected ? itemSelected.announcement.id : '')
+
 
     const handleChange = (item: AnnoncementItemType) => {
         if (window.innerWidth < 1280) {
@@ -102,7 +104,7 @@ const AnnouncementtList: FC = () => {
                                                 </div>
 
                                                 <div className='m-2 flex justify-between items-center text-[11px]'>
-                                                    <div dangerouslySetInnerHTML={{ __html: item.announcement.content }} className='max-w-[70%] truncate text-description'>
+                                                    <div dangerouslySetInnerHTML={{ __html: item.announcement.content }} className='max-w-[70%] line-clamp-1 truncate text-description'>
                                                     </div>
                                                     <div className='text-description'>
                                                         {moment(item.announcement.publishAt).format('jYYYY/jMM/jDD')}