update import

app/src/components/List/ListItem.js

@@ -1,7 +1,7 @@
 import { UserOutlined } from '@ant-design/icons';
 import { Avatar, Tooltip } from 'antd';
 import axios from 'axios';
-import Modaledit from 'components/Modal/ModalEdit';
+import Modaledit from '../Modal/ModalEdit';
 import momment from 'moment';
 import React, { useEffect, useState } from 'react';
 import Pagination from "react-js-pagination";
@@ -21,7 +21,7 @@ export default function ListItem() {
     const [dataSearch, setDataSearch] = useState("")
 
     const [activePage, setActivePage] = useState(1)
-    const [totalItems, setTotalItems] = useState(10)
+    const [totalItems, setTotalItems] = useState(0)
     const itemsPerPage = 5
 
     const [token, setToken] = useState('');
@@ -117,6 +117,7 @@ export default function ListItem() {
                 setLoading(false)
             }
         } catch (error) {
+            setLoading(false)
             console.log(error);
         }
     }
@@ -193,7 +194,8 @@ export default function ListItem() {
         getData(1)
     }
 
-    const reset = () => {
+    const reset = async () => {
+        setDataSearch('')
         getData(1)
     }
 
@@ -239,11 +241,7 @@ export default function ListItem() {
                             </div>
                             <div className="pl-3">
                                 <button
-                                    onClick={() => {
-                                        setActivePage(1)
-                                        setDataSearch("")
-                                        reset()
-                                    }}
+                                    onClick={() => reset()}
                                     className="btn btn-secondary m-btn m-btn--icon" id="m_reset">
                                     <span>
                                         <i className="la la-rotate-left" />