From a52bfaa629ff44597a342536d52ef3d55238a3d4 Mon Sep 17 00:00:00 2001
From: Ash Monsh <wh7r.com@gmail.com>
Date: Wed, 19 Apr 2023 07:30:09 +0300
Subject: [PATCH] Update LanguageButton.js

set alignment base on the page dir for Language menu
---
 components/input/LanguageButton.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/input/LanguageButton.js b/components/input/LanguageButton.js
index e6da5991..bc130c4c 100644
--- a/components/input/LanguageButton.js
+++ b/components/input/LanguageButton.js
@@ -6,7 +6,7 @@ import Icons from 'components/icons';
 import styles from './LanguageButton.module.css';
 
 export default function LanguageButton() {
-  const { locale, saveLocale } = useLocale();
+  const { locale, saveLocale, dir } = useLocale();
   const items = Object.keys(languages).map(key => ({ ...languages[key], value: key }));
 
   function handleSelect(value) {
@@ -20,7 +20,7 @@ export default function LanguageButton() {
           <Icons.Globe />
         </Icon>
       </Button>
-      <Popup position="bottom" alignment="end">
+      <Popup position="bottom" alignment={dir === 'rtl' ? 'start' : 'end'}>
         <div className={styles.menu}>
           {items.map(({ value, label }) => {
             return (