watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-04 04:37:11 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

use useLocale

Browse source
This commit is contained in:
Ashraf Monshi 2021-05-15 11:29:39 +03:00
parent 0c13f8d358
commit 703a1e13db
4 changed files with 13 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

10
components/layout/Header.js
View file

@ -1,5 +1,5 @@
import React, { useState } from 'react';
import { FormattedMessage, useIntl } from 'react-intl';
import { FormattedMessage } from 'react-intl';
import { useSelector } from 'react-redux';
import classNames from 'classnames';
import Link from 'components/common/Link';
@ -10,21 +10,19 @@ import UpdateNotice from 'components/common/UpdateNotice';
import UserButton from 'components/settings/UserButton';
import Logo from 'assets/logo.svg';
import styles from './Header.module.css';
import useLocale from 'hooks/useLocale';
export default function Header() {
const user = useSelector(state => state.user);
const [active, setActive] = useState(false);
const intl = useIntl();
const [locale] = useLocale();
function handleClick() {
setActive(state => !state);
}
return (
<nav
className="container"
dir={intl.formatMessage({ id: 'metrics.dir', defaultMessage: 'ltr' })}
>
<nav className="container" dir={locale === 'ar-SA' ? 'rtl' : 'ltr'}>
{user?.is_admin && <UpdateNotice />}
<div className={classNames(styles.header, 'row align-items-center')}>
<div className={styles.nav}>