bug fixed, tooltip added (#730)

ita-social-projects · Apr 1, 2022 · a52747f · a52747f
1 parent c568cde
commit a52747f
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 4 deletions.
diff --git a/src/locales/uk/parts/admin.ts b/src/locales/uk/parts/admin.ts
@@ -57,6 +57,7 @@ export const admin = {
   close: 'Закрити',
   selectedImportantMaterials: 'Зараз використовуються:',
   selectOption: `Оберіть об'єкт налаштування у меню`,
+  resetTableFilters: `Скинути всі фільтри`,
   searchTitlePlaceholder: `Пошук по назві`,
   searchAuthorPlaceholder: `Пошук по автору`,
 };
diff --git a/src/views/Profile/AdminTable/AdminTableFilters.tsx b/src/views/Profile/AdminTable/AdminTableFilters.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { useSelector } from 'react-redux';
-import { Grid, IconButton } from '@material-ui/core';
+import { Grid, IconButton, Tooltip } from '@material-ui/core';
 import HighlightOffRoundedIcon from '@material-ui/icons/HighlightOffRounded';
 import i18, { langTokens } from '../../../locales/localizationInit';
 import { QueryTypeEnum } from '../../../old/lib/types';
@@ -45,9 +45,18 @@ const AdminTableFilters: React.FC = () => {
   return (
     <Grid className={classes.filterSection} container direction="row">
       <Grid item>
-        <IconButton onClick={resetFilters} className={classes.clearButton}>
-          <HighlightOffRoundedIcon fontSize="large" />
-        </IconButton>
+        <Tooltip
+          title="Скинути всі фільтри"
+          placement="bottom"
+          classes={{ tooltip: classes.tooltip }}
+        >
+          <IconButton
+            onClick={resetFilters}
+            className={classes.clearButton}
+          >
+            <HighlightOffRoundedIcon fontSize="large" />
+          </IconButton>
+        </Tooltip>
       </Grid>
       <Grid item>
         <AdminFilter

diff --git a/src/views/Profile/AdminTable/styles/AdminTableFilters.styles.ts b/src/views/Profile/AdminTable/styles/AdminTableFilters.styles.ts
@@ -18,4 +18,8 @@ export const useStyles = makeStyles((theme: Theme) => ({
       color: theme.palette.action.hover,
     },
   },
+  tooltip: {
+    backgroundColor: theme.palette.common.black,
+    ...theme.typography.button,
+  },
 }));