05ab135ed2
- Introduced new logo images for both light and dark modes, enhancing the visual consistency of the application. - Updated references in AuthPageHeader, NavbarLogo, AccountSetup, and ProjectViewInsights components to use the new logo images.
29 lines
840 B
TypeScript
29 lines
840 B
TypeScript
import { Link } from 'react-router-dom';
|
|
import { useTranslation } from 'react-i18next';
|
|
|
|
import logo from '@/assets/images/worklenz-light-mode.png';
|
|
import logoDark from '@/assets/images/worklenz-dark-mode.png';
|
|
|
|
import { useAppSelector } from '@/hooks/useAppSelector';
|
|
import { useSelector } from 'react-redux';
|
|
import { RootState } from '@/app/store';
|
|
|
|
const NavbarLogo = () => {
|
|
const { t } = useTranslation('navbar');
|
|
const themeMode = useSelector((state: RootState) => state.themeReducer.mode);
|
|
|
|
return (
|
|
<Link to={'/worklenz/home'}>
|
|
<div style={{ position: 'relative', display: 'inline-block' }}>
|
|
<img
|
|
src={themeMode === 'dark' ? logoDark : logo}
|
|
alt={t('logoAlt')}
|
|
style={{ width: '100%', maxWidth: 140 }}
|
|
/>
|
|
</div>
|
|
</Link>
|
|
);
|
|
};
|
|
|
|
export default NavbarLogo;
|