m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2024-12-18 07:13:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/layout/Footer.js
View File

@ -1,19 +1,17 @@
import React from 'react';
import classNames from 'classnames';
import { FormattedMessage, useIntl } from 'react-intl';
import { FormattedMessage } from 'react-intl';
import Link from 'components/common/Link';
import styles from './Footer.module.css';
import useVersion from 'hooks/useVersion';
import useLocale from 'hooks/useLocale';
export default function Footer() {
const { current } = useVersion();
const intl = useIntl();
const [locale] = useLocale();
return (
<footer
className="container"
dir={intl.formatMessage({ id: 'metrics.dir', defaultMessage: 'ltr' })}
>
<footer className="container" dir={locale === 'ar-SA' ? 'rtl' : 'ltr'}>
<div className={classNames(styles.footer, 'row')}>
<div className="col-12 col-md-4" />
<div className="col-12 col-md-4">

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}>

11
components/layout/Layout.js
View File

@ -2,22 +2,19 @@ import React from 'react';
import Head from 'next/head';
import Header from 'components/layout/Header';
import Footer from 'components/layout/Footer';
import { useIntl } from 'react-intl';
import useLocale from 'hooks/useLocale';
export default function Layout({ title, children, header = true, footer = true }) {
const intl = useIntl();
const [locale] = useLocale();
return (
<>
<Head dir={intl.formatMessage({ id: 'metrics.dir', defaultMessage: 'ltr' })}>
<Head>
<title>umami{title && ` - ${title}`}</title>
</Head>
{header && <Header />}
<main
className="container"
dir={intl.formatMessage({ id: 'metrics.dir', defaultMessage: 'ltr' })}
>
<main className="container" dir={locale === 'ar-SA' ? 'rtl' : 'ltr'}>
{children}
</main>
{footer && <Footer />}

3
lang/ar-SA.json
View File

@ -96,6 +96,5 @@
"metrics.referrers": "التحويلات",
"metrics.unique-visitors": "زائرون فريدون",
"metrics.views": "مشاهدات",
"metrics.visitors": "زوار",
"metrics.dir": "rtl"
"metrics.visitors": "زوار"
}