m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2025-02-14 21:10:34 +01:00
Code Issues Packages Projects Releases Wiki Activity

add rtlLocales array

Browse Source
This commit is contained in:
Ashraf Monshi 2021-05-16 09:27:48 +03:00
parent 703a1e13db
commit afc4940680
4 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/layout/Footer.js
View File

@ -5,13 +5,14 @@ import Link from 'components/common/Link';
import styles from './Footer.module.css'; import styles from './Footer.module.css';
import useVersion from 'hooks/useVersion'; import useVersion from 'hooks/useVersion';
import useLocale from 'hooks/useLocale'; import useLocale from 'hooks/useLocale';
import { rtlLocales } from 'lib/lang';
export default function Footer() { export default function Footer() {
const { current } = useVersion(); const { current } = useVersion();
const [locale] = useLocale(); const [locale] = useLocale();
return ( return (
<footer className="container" dir={locale === 'ar-SA' ? 'rtl' : 'ltr'}> <footer className="container" dir={rtlLocales.includes(locale) ? 'rtl' : 'ltr'}>
<div className={classNames(styles.footer, 'row')}> <div className={classNames(styles.footer, 'row')}>
<div className="col-12 col-md-4" /> <div className="col-12 col-md-4" />
<div className="col-12 col-md-4"> <div className="col-12 col-md-4">

3
components/layout/Header.js
View File

@ -11,6 +11,7 @@ import UserButton from 'components/settings/UserButton';
import Logo from 'assets/logo.svg'; import Logo from 'assets/logo.svg';
import styles from './Header.module.css'; import styles from './Header.module.css';
import useLocale from 'hooks/useLocale'; import useLocale from 'hooks/useLocale';
import { rtlLocales } from 'lib/lang';
export default function Header() { export default function Header() {
const user = useSelector(state => state.user); const user = useSelector(state => state.user);
@ -22,7 +23,7 @@ export default function Header() {
} }
return ( return (
<nav className="container" dir={locale === 'ar-SA' ? 'rtl' : 'ltr'}> <nav className="container" dir={rtlLocales.includes(locale) ? 'rtl' : 'ltr'}>
{user?.is_admin && <UpdateNotice />} {user?.is_admin && <UpdateNotice />}
<div className={classNames(styles.header, 'row align-items-center')}> <div className={classNames(styles.header, 'row align-items-center')}>
<div className={styles.nav}> <div className={styles.nav}>

3
components/layout/Layout.js
View File

@ -3,6 +3,7 @@ import Head from 'next/head';
import Header from 'components/layout/Header'; import Header from 'components/layout/Header';
import Footer from 'components/layout/Footer'; import Footer from 'components/layout/Footer';
import useLocale from 'hooks/useLocale'; import useLocale from 'hooks/useLocale';
import { rtlLocales } from 'lib/lang';
export default function Layout({ title, children, header = true, footer = true }) { export default function Layout({ title, children, header = true, footer = true }) {
const [locale] = useLocale(); const [locale] = useLocale();
@ -14,7 +15,7 @@ export default function Layout({ title, children, header = true, footer = true }
</Head> </Head>
{header && <Header />} {header && <Header />}
<main className="container" dir={locale === 'ar-SA' ? 'rtl' : 'ltr'}> <main className="container" dir={rtlLocales.includes(locale) ? 'rtl' : 'ltr'}>
{children} {children}
</main> </main>
{footer && <Footer />} {footer && <Footer />}

2
lib/lang.js
View File

@ -98,6 +98,8 @@ export const messages = {
'ms-MY': msMYMessages, 'ms-MY': msMYMessages,
}; };
export const rtlLocales = ['ar-SA', 'fa-IR'];
export const dateLocales = { export const dateLocales = {
'ar-SA': arSA, 'ar-SA': arSA,
'en-US': enUS, 'en-US': enUS,