template card or table in component table list

src/pages/master/brandDevice/component/ListBrandDevice.jsx

@@ -137,7 +137,6 @@ const columns = (showPreviewModal, showEditModal, showDeleteDialog) => [
 ];
 
 const ListBrandDevice = memo(function ListBrandDevice(props) {
-    const [showFilter, setShowFilter] = useState(false);
     const [trigerFilter, setTrigerFilter] = useState(false);
     const [brandDeviceData, setBrandDeviceData] = useState(initialBrandDeviceData);
 
@@ -208,11 +207,6 @@ const ListBrandDevice = memo(function ListBrandDevice(props) {
         }
     }, [props.actionMode, brandDeviceData]);
 
-    const toggleFilter = () => {
-        setFormDataFilter(defaultFilter);
-        setShowFilter((prev) => !prev);
-    };
-
     const doFilter = () => {
         setTrigerFilter((prev) => !prev);
     };
@@ -370,6 +364,12 @@ const ListBrandDevice = memo(function ListBrandDevice(props) {
                         </Col>
                         <Col xs={24} sm={24} md={24} lg={24} xl={24} style={{ marginTop: '16px' }}>
                             <TableList
+                                mobile
+                                cardColor={'#42AAFF'}
+                                header={'tag_name'}
+                                showPreviewModal={showPreviewModal}
+                                showEditModal={showEditModal}
+                                showDeleteDialog={showDeleteDialog}
                                 getData={getAllBrandDevice}
                                 queryParams={formDataFilter}
                                 columns={columns(showPreviewModal, showEditModal, showDeleteDialog)}