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

set alignment base on the page dir for User profile menu
---
 components/input/ProfileButton.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/input/ProfileButton.js b/components/input/ProfileButton.js
index 547054e0..453f1df3 100644
--- a/components/input/ProfileButton.js
+++ b/components/input/ProfileButton.js
@@ -5,12 +5,14 @@ import useMessages from 'hooks/useMessages';
 import useUser from 'hooks/useUser';
 import useConfig from 'hooks/useConfig';
 import styles from './ProfileButton.module.css';
+import useLocale from 'hooks/useLocale';
 
 export default function ProfileButton() {
   const { formatMessage, labels } = useMessages();
   const { user } = useUser();
   const { cloudMode } = useConfig();
   const router = useRouter();
+  const { dir } = useLocale();
 
   const handleSelect = key => {
     if (key === 'profile') {
@@ -31,7 +33,7 @@ export default function ProfileButton() {
           <Icons.ChevronDown />
         </Icon>
       </Button>
-      <Popup position="bottom" alignment="end">
+      <Popup position="bottom" alignment={dir === 'rtl' ? 'start' : 'end'}>
         <Menu variant="popup" onSelect={handleSelect} className={styles.menu}>
           <Item key="user" className={styles.item}>
             <Text>{user.username}</Text>