poprawki

src/App.tsx

@@ -8,10 +8,8 @@ import RightBar from "./components/RightBar";
 
 function App() {
   const [isOpenTransfer, setOpenTransfer] = useState(false);
-  const [isOpenProfile, setOpenProfile] = useState(false);
   const [isPolish, setLanguage] = useState(true);
   const [text, setText] = useState("");
-  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);
 
   return (
     <div className="App">
@@ -25,17 +23,8 @@ function App() {
         handleLanguage={(e) => {
           setLanguage(!isPolish);
         }}
-        handleProfile={(e) => {
-          setOpenProfile(!isOpenProfile);
-          setAnchorEl(e.currentTarget as HTMLElement);
-        }}
-        handleClose={(e) => {
-          setOpenProfile(!isOpenProfile);
-        }}
         isOpenTransfer={isOpenTransfer}
-        isOpenProfile={isOpenProfile}
         isPolish={isPolish}
-        anchorEl={anchorEl}
       />
       <Transfer
         isOpen={isOpenTransfer}

src/components/TopBar/index.tsx

@@ -12,28 +12,29 @@ import MenuItem from "@material-ui/core/MenuItem";
 
 interface TopBarProps {
   handleTransfer: (e: React.MouseEvent) => void;
-  handleProfile: (e: React.MouseEvent) => void;
-  handleClose: (e: React.MouseEvent) => void;
   handleLanguage: (e: React.MouseEvent) => void;
   textChangeHandler: (e: React.ChangeEvent<HTMLInputElement>) => void;
   isOpenTransfer: boolean;
-  isOpenProfile: boolean;
   isPolish: boolean;
+  
+}
+
+interface TopBarState {
+  isOpenProfile: boolean;
   anchorEl: null | HTMLElement;
 }
 
-interface TopBarState {}
+export default class TopBar extends React.Component<TopBarProps, TopBarState> {
-
-export default class TopBar extends React.Component<
-  TopBarProps,
-  TopBarState
-> {
   constructor(props: TopBarProps) {
     super(props);
     this.handleProfile = this.handleProfile.bind(this);
-    this.handleClose = this.handleProfile.bind(this);
+    this.handleClose = this.handleClose.bind(this);
     this.handleLanguage = this.handleLanguage.bind(this);
     this.handleTransfer = this.handleTransfer.bind(this);
+    this.state = {
+      isOpenProfile: false,
+      anchorEl:null,
+    };
   }
 
   handleChange(e: React.ChangeEvent<HTMLInputElement>) {
@@ -49,11 +50,16 @@ export default class TopBar extends React.Component<
   }
 
   handleProfile(e: React.MouseEvent) {
-    this.props.handleProfile(e);
+    this.setState({
+      isOpenProfile: !this.state.isOpenProfile,
+      anchorEl:e.currentTarget as HTMLElement,
+    });
   }
 
   handleClose(e: React.MouseEvent) {
-    this.props.handleClose(e);
+    this.setState({
+      isOpenProfile: !this.state.isOpenProfile,
+    });
   }
 
   render() {
@@ -98,11 +104,12 @@ export default class TopBar extends React.Component<
             src={User}
             onClick={this.handleProfile}
           />
-          <Menu className="top-bar__menu"
+          <Menu
+            className="top-bar__menu"
             id="simple-menu"
-            anchorEl={this.props.anchorEl}
+            anchorEl={this.state.anchorEl}
             keepMounted
-            open={this.props.isOpenProfile}
+            open={this.state.isOpenProfile}
             onClose={this.handleClose}
           >
             <MenuItem>Profile</MenuItem>