src/pages/user/IndexUser.jsx

@@ -1,6 +1,7 @@
 import React, { memo, useState, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import ListUser from './component/ListUser';
+import DetailUser from './component/DetailUser';
 import { useBreadcrumb } from '../../layout/LayoutBreadcrumb';
 import { Typography } from 'antd';
 
@@ -63,6 +64,14 @@ const IndexUser = memo(function IndexUser() {
                 setSelectedData={setSelectedData}
                 readOnly={readOnly}
             />
+            <DetailUser
+                setActionMode={setMode}
+                selectedData={selectedData}
+                setSelectedData={setSelectedData}
+                readOnly={readOnly}
+                showModal={showModal}
+                actionMode={actionMode}
+            />
         </React.Fragment>
     );
 });