announce ment link

src/pages/annoncement/Detail.tsx

@@ -1,10 +1,12 @@
 import { FC } from 'react'
 import { useTranslation } from 'react-i18next'
 import StatusWithText from '../../components/StatusWithText'
+import { useNavigate } from 'react-router-dom'
 
 const AnnouncementDetail: FC = () => {
 
     const { t } = useTranslation('global')
+    const navigate = useNavigate()
 
     return (
         <div className='mt-4'>
@@ -12,7 +14,7 @@ const AnnouncementDetail: FC = () => {
                 <div>
                     {t('announcement.text_announcement')}
                 </div>
-                <div className='text-xs font-extralight'>
+                <div onClick={() => navigate(-1)} className='text-xs font-extralight'>
                     {t('back')}
                 </div>
             </div>

src/pages/annoncement/List.tsx

@@ -4,10 +4,19 @@ import Input from '../../components/Input'
 import Select from '../../components/Select'
 import StatusWithText from '../../components/StatusWithText'
 import { clx } from '../../helpers/utils'
+import { useNavigate } from 'react-router-dom'
+import { Pages } from '../../config/Pages'
 
 const AnnouncementtList: FC = () => {
 
     const { t } = useTranslation('global')
+    const navigate = useNavigate()
+
+    const handleChange = () => {
+        if (window.innerWidth < 1280) {
+            navigate(Pages.announcement.detail + '1')
+        }
+    }
 
     return (
         <div className='mt-4 text-sm'>
@@ -39,7 +48,7 @@ const AnnouncementtList: FC = () => {
                     </div>
 
                     <div className='mt-8'>
-                        <div className={clx(
+                        <div onClick={handleChange} className={clx(
                             'p-4 rounded-2xl',
                             'bg-[#F8F9FB]'
                         )}>
@@ -69,7 +78,7 @@ const AnnouncementtList: FC = () => {
                                 </div>
                             </div>
                         </div>
-                        <div className={clx(
+                        <div onClick={handleChange} className={clx(
                             'p-4 rounded-2xl',
                         )}>
                             <div className='flex justify-between'>