From 39654da751a550f5fc9809aae47b6f5ea741f453 Mon Sep 17 00:00:00 2001
From: Alexey Teterin <teterin.alexey@gmail.com>
Date: Wed, 14 Apr 2021 16:06:18 +0500
Subject: [PATCH] fix: add settings popover to user's dictionary

---
 src/components/UserDictionary/UserDictionary.tsx | 3 ++-
 src/components/UserDictionary/styles.ts          | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/UserDictionary/UserDictionary.tsx b/src/components/UserDictionary/UserDictionary.tsx
index 8bd412e..4c17860 100644
--- 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
index fb17078..d603b2a 100644
--- 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',