From c71f3509641d7c8ca7edc620ae7677bfdae2da18 Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton@traccar.org>
Date: Sat, 4 Jun 2022 09:25:30 -0700
Subject: Badge to indicate filtering

---
 modern/src/main/MainPage.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

(limited to 'modern')

diff --git a/modern/src/main/MainPage.js b/modern/src/main/MainPage.js
index 7bc2eb88..4bc703f6 100644
--- a/modern/src/main/MainPage.js
+++ b/modern/src/main/MainPage.js
@@ -3,7 +3,7 @@ import React, {
 } from 'react';
 import { useNavigate } from 'react-router-dom';
 import {
-  Paper, Toolbar, IconButton, Button, OutlinedInput, InputAdornment, Popover, FormControl, InputLabel, Select, MenuItem, FormGroup, FormControlLabel, Checkbox,
+  Paper, Toolbar, IconButton, Button, OutlinedInput, InputAdornment, Popover, FormControl, InputLabel, Select, MenuItem, FormGroup, FormControlLabel, Checkbox, Badge,
 } from '@mui/material';
 import { makeStyles } from '@mui/styles';
 import { useTheme } from '@mui/material/styles';
@@ -239,7 +239,9 @@ const MainPage = () => {
               endAdornment={(
                 <InputAdornment position="end">
                   <IconButton size="small" onClick={() => setFilterAnchorEl(filterRef.current)}>
-                    <TuneIcon fontSize="small" />
+                    <Badge color="info" variant="dot" invisible={!filterStatuses.length && !filterGroups.length}>
+                      <TuneIcon fontSize="small" />
+                    </Badge>
                   </IconButton>
                 </InputAdornment>
               )}
-- 
cgit v1.2.3