Update "No result" component

marmelab · Sep 5, 2024 · 1035319 · 1035319
1 parent 66e1ab1
commit 1035319
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/ra-ui-materialui/src/list/ListNoResults.tsx b/packages/ra-ui-materialui/src/list/ListNoResults.tsx
@@ -2,15 +2,20 @@ import * as React from 'react';
 import { memo } from 'react';
 import CardContent from '@mui/material/CardContent';
 import Typography from '@mui/material/Typography';
-import { useResourceContext, useTranslate } from 'ra-core';
+import { useListController, useResourceContext, useTranslate } from 'ra-core';
+import { Link } from '@mui/material';
 
 export const ListNoResults = memo(() => {
     const translate = useTranslate();
     const resource = useResourceContext();
+    const { setFilters } = useListController({ resource });
     return (
         <CardContent>
             <Typography variant="body2">
-                {translate('ra.navigation.no_results', { resource })}
+                {translate('ra.navigation.no_results', { resource })}{' '}
+                <Link component="button" onClick={() => setFilters({}, [])}>
+                    {translate('ra.navigation.clear_filters')}
+                </Link>
             </Typography>
         </CardContent>
     );