fix: add settings popover to user's dictionary

lbratkovskaya · Apr 14, 2021 · 39654da · 39654da
1 parent 182b8d2
commit 39654da
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/components/UserDictionary/UserDictionary.tsx b/src/components/UserDictionary/UserDictionary.tsx
@@ -5,6 +5,7 @@ import { AppBar, Tab, Tabs, Typography, useTheme } from '@material-ui/core';
 import UserDictionarySection from './UserDictionarySection';
 import Header from '../Header';
 import Footer from '../Footer';
+import SettingsPopover from '../SettingsPopover';
 import { fetchDictionary } from '../../store/actions/dictionaryActions';
 import { IAppState } from '../../store/types';
 import { TabPanelProps } from './types';
@@ -48,7 +49,7 @@ const UserDictionary: React.FC = () => {
       <Header />
       <main className={classes.main}>
         <Typography variant="h5" className={classes.title}>
-          Мой словарь
+          Мой словарь <SettingsPopover />
         </Typography>
         {userData.userId ? (
           <div className={classes.root}>

diff --git a/src/components/UserDictionary/styles.ts b/src/components/UserDictionary/styles.ts
@@ -24,6 +24,7 @@ const useStyles = makeStyles((theme: Theme) => {
       margin: '1rem 0',
       textTransform: 'uppercase',
       fontWeight: 500,
+      position: 'relative',
     },
     dictionary: {
       display: 'flex',