client/src/admin/jsx/layout/TopBar.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

import React, {useState} from 'react';
import LangSwitch from './LangSwitch.jsx';
import UserSwitch from './UserSwitch.jsx';

const TopBar = ({ user, setUser, lang, setLang }) => {
  const [opened, setOpened] = useState(false);

  return (
    <div className="top-bar">
      { opened !== false && (
        <div
          className="top-bar__fog"
          onClick={() => setOpened(false)}
        />
      )}
      <LangSwitch
        lang={lang}
        setLang={setLang}
        opened={opened}
        setOpened={setOpened}
      />
        { user && (
          <UserSwitch
            user={user}
            setUser={setUser}
            opened={opened}
            setOpened={setOpened}
          />
        )
      }
    </div>
  );
};

export default TopBar;