chore: add refer logic of tickets for super admin

src/pages/ticket/Detail.tsx

@@ -17,6 +17,8 @@ import { ErrorType } from '../../helpers/types'
 import { clx } from '../../helpers/utils'
 import { Pages } from '../../config/Pages'
 import { useMultiUpload } from '../service/hooks/useServiceData'
+import { useGetProfile } from '../profile/hooks/useProfileData'
+import ReferTicket from './components/ReferTicket'
 
 const TicketDetail: FC = () => {
 
@@ -29,6 +31,7 @@ const TicketDetail: FC = () => {
     const multiUpload = useMultiUpload()
     const [isResetFiles, setIsResetFiles] = useState<boolean>(false)
     const closeTicket = useCloseTicket()
+    const getProfile = useGetProfile()
 
     const formik = useFormik<AddMessageTicketType>({
         initialValues: {
@@ -89,7 +92,7 @@ const TicketDetail: FC = () => {
         <div className='mt-4'>
             <div className='flex gap-1'>
                 <div>{t('ticket.ticket_number')}</div>
-                <div>12312</div>
+                <div>{getMessages.data?.data?.ticket?.numericId}</div>
             </div>
             {
                 getMessages.isPending ?
@@ -302,6 +305,11 @@ const TicketDetail: FC = () => {
                                     </div>
                                 </div>
                             </div>
+
+                            {
+                                getProfile.data?.data?.user?.roles[0]?.name === 'super_admin' &&
+                                <ReferTicket refetch={getMessages.refetch} />
+                            }
                         </div>
                     </div>
             }