If a filter exists, show an info message with option to remove filter

jeafreezy · Jun 29, 2023 · ed69352 · ed69352
1 parent e621f0a
commit ed69352
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 1 deletion.
diff --git a/frontend/src/components/Layout/AIModels/AIModelsList/AIModelsList.js b/frontend/src/components/Layout/AIModels/AIModelsList/AIModelsList.js
@@ -5,6 +5,7 @@ import {
   Container,
   Grid,
   IconButton,
+  Link,
   Tooltip,
   Typography,
 } from "@mui/material";
@@ -170,6 +171,32 @@ const AIModelsList = (props) => {
             <Alert severity="error">{error}</Alert>
           </Grid>
         )}
+        {localStorage.getItem("modelFilter") !== null &&
+          JSON.parse(localStorage.getItem("modelFilter")).items.length > 0 &&
+          JSON.parse(localStorage.getItem("modelFilter")).items[0].value && (
+            <Grid item xs={12}>
+              <Grid container justifyContent="flex-end">
+                <Alert severity="info">
+                  Below list is filtered, click{" "}
+                  <Link
+                    href="#"
+                    color="inherit"
+                    onClick={(e) => {
+                      e.preventDefault();
+                      localStorage.setItem(
+                        "modelFilter",
+                        JSON.stringify(DEFAULT_FILTER)
+                      );
+                      refetch();
+                    }}
+                  >
+                    here
+                  </Link>{" "}
+                  to show all models
+                </Alert>
+              </Grid>
+            </Grid>
+          )}
         <Grid item xs={12}>
           {isLoading && <p>Loading ... </p>}
           {!isLoading && (

diff --git a/frontend/src/components/Layout/TrainingDS/DatasetList/DatasetList.js b/frontend/src/components/Layout/TrainingDS/DatasetList/DatasetList.js
@@ -5,6 +5,7 @@ import {
   Container,
   Grid,
   IconButton,
+  Link,
   Tooltip,
   Typography,
 } from "@mui/material";
@@ -19,7 +20,7 @@ import { trainingDSStatus } from "../../../../utils";
 import OSMUser from "../../../Shared/OSMUser";
 
 const DEFAULT_FILTER = {
-  items: [{ columnField: "created_date", id: 8537, operatorValue: "contains" }],
+  items: [],
   linkOperator: "and",
   quickFilterValues: [],
   quickFilterLogicOperator: "and",
@@ -186,6 +187,32 @@ const DatasetList = (props) => {
             <Alert severity="error">{error}</Alert>
           </Grid>
         )}
+        {localStorage.getItem("dsFilter") !== null &&
+          JSON.parse(localStorage.getItem("dsFilter")).items.length > 0 &&
+          JSON.parse(localStorage.getItem("dsFilter")).items[0].value && (
+            <Grid item xs={12}>
+              <Grid container justifyContent="flex-end">
+                <Alert severity="info">
+                  Below list is filtered, click{" "}
+                  <Link
+                    href="#"
+                    color="inherit"
+                    onClick={(e) => {
+                      e.preventDefault();
+                      localStorage.setItem(
+                        "dsFilter",
+                        JSON.stringify(DEFAULT_FILTER)
+                      );
+                      refetch();
+                    }}
+                  >
+                    here
+                  </Link>{" "}
+                  to show all training dataset
+                </Alert>
+              </Grid>
+            </Grid>
+          )}
         <Grid item xs={12}>
           {isLoading && <p>Loading ... </p>}
           {!isLoading && (