diff --git a/src/assets/scss/components/topBar.scss b/src/assets/scss/components/topBar.scss index bb9c86d..c10d87c 100644 --- a/src/assets/scss/components/topBar.scss +++ b/src/assets/scss/components/topBar.scss @@ -52,6 +52,12 @@ } } +.topBar__menuCompaniesList { + max-height: 220px; + overflow-y: auto; + padding: 10px 0; + background: #f3ffeb; +} .topBar__menuCompanyItem { margin: 0; padding: 0.55rem 1rem 0.75rem 1rem; @@ -74,6 +80,12 @@ } } +.topBar__menuCompaniesList { + .topBar__menuCompanyItem:hover { + color: var(--menuitem-active-background); + } +} + @media (max-width: 500px) { .topBar__endContent { flex-wrap: wrap; diff --git a/src/components/TopBarProfileMenu/index.js b/src/components/TopBarProfileMenu/index.js index 3aee326..dfb0c7a 100644 --- a/src/components/TopBarProfileMenu/index.js +++ b/src/components/TopBarProfileMenu/index.js @@ -18,23 +18,13 @@ const TopBarProfileMenu = ({ menuLeftRef }) => { const companies = useStore().main.companies(); const chosenCompanyId = useStore().main.chosenCompanyId() const [companyItems, setCompanyItems] = useState([]); - const renderCompanyItem = (item) => ( - switchCompany(item.companyId)} - data-id={item.companyId} - data-active={chosenCompanyId === item.companyId}> - - {item.label} - - ); const toast = useRef(null); let items = [ { - template: (item, options) => { + template: () => { return (