rotate arrows in rtl

This commit is contained in:
Ash Monsh 2023-04-20 12:41:06 +03:00
parent b39ef68372
commit aba523cbee
3 changed files with 10 additions and 4 deletions

View file

@ -18,6 +18,7 @@ import SideNav from 'components/layout/SideNav';
import usePageQuery from 'hooks/usePageQuery';
import useMessages from 'hooks/useMessages';
import styles from './WebsiteMenuView.module.css';
import useLocale from 'hooks/useLocale';
const views = {
url: PagesTable,
@ -37,6 +38,7 @@ const views = {
export default function WebsiteMenuView({ websiteId, websiteDomain }) {
const { formatMessage, labels } = useMessages();
const { dir } = useLocale();
const {
resolveUrl,
query: { view },
@ -113,7 +115,7 @@ export default function WebsiteMenuView({ websiteId, websiteDomain }) {
<Link href={resolveUrl({ view: undefined })}>
<Flexbox justifyContent="center">
<Button variant="quiet">
<Icon rotate={180}>
<Icon rotate={dir === 'rtl' ? 0 : 1800}>
<Icons.ArrowRight />
</Icon>
<Text>{formatMessage(labels.back)}</Text>