Merge pull request #8036 from marmelab/fix-dashboard-redirection

Feat: Add filter redirection for pending reviews
marmelab · Aug 4, 2022 · 54a483d · 54a483d
2 parents c28db11 + 83ff11a
commit 54a483d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/examples/demo/src/dashboard/CardWithIcon.tsx b/examples/demo/src/dashboard/CardWithIcon.tsx
@@ -1,15 +1,15 @@
 import * as React from 'react';
 import { FC, createElement } from 'react';
 import { Card, Box, Typography, Divider } from '@mui/material';
-import { Link } from 'react-router-dom';
+import { Link, To } from 'react-router-dom';
 import { ReactNode } from 'react';
 
 import cartouche from './cartouche.png';
 import cartoucheDark from './cartoucheDark.png';
 
 interface Props {
     icon: FC<any>;
-    to: string;
+    to: To;
     title?: string;
     subtitle?: string | number;
     children?: ReactNode;

diff --git a/examples/demo/src/dashboard/PendingReviews.tsx b/examples/demo/src/dashboard/PendingReviews.tsx
@@ -19,6 +19,8 @@ import {
     useIsDataLoaded,
 } from 'react-admin';
 
+import { stringify } from 'query-string';
+
 import CardWithIcon from './CardWithIcon';
 import StarRatingField from '../reviews/StarRatingField';
 import { Customer, Review } from '../types';
@@ -43,7 +45,12 @@ const PendingReviews = () => {
 
     return (
         <CardWithIcon
-            to="/reviews"
+            to={{
+                pathname: '/reviews',
+                search: stringify({
+                    filter: JSON.stringify({ status: 'pending' }),
+                }),
+            }}
             icon={CommentIcon}
             title={translate('pos.dashboard.pending_reviews')}
             subtitle={total}