From 9f0585e6f576bd3df8441b92c34671793b315df2 Mon Sep 17 00:00:00 2001
From: Krishna Gupta <belivethatkg@gmail.com>
Date: Sat, 11 May 2024 19:08:30 +0530
Subject: [PATCH 1/4] fix: Status - Emoji in custom status holder is not
 centered.

Signed-off-by: Krishna Gupta <belivethatkg@gmail.com>
---
 src/styles/index.ts | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/styles/index.ts b/src/styles/index.ts
index 060fb1c5ba90..b1b92869c4b7 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -4333,7 +4333,20 @@ const styles = (theme: ThemeColors) =>
         },
 
         emojiStatusLHN: {
-            fontSize: 9,
+            ...(Browser.getBrowser() && {transform: 'scale(.65)', lineHeight: 18, fontSize: 15}),
+            ...(Browser.getBrowser() &&
+                Browser.isSafari() &&
+                !Browser.isMobileSafari() && {
+                    transform: 'scale(0.65)',
+                    fontSize: 13,
+                    lineHeight: 15,
+                }),
+            // transform: 'scale(.65)',
+            // lineHeight: 15,
+            // transform: 'scale(.65)',
+            // lineHeight: 18,
+            // fontSize: 15,
+            // overflow: 'visible',
         },
 
         onboardingVideoPlayer: {

From f06518ef56d9af58342820ad4eb1a4c01792999f Mon Sep 17 00:00:00 2001
From: Krishna Gupta <belivethatkg@gmail.com>
Date: Mon, 13 May 2024 11:55:51 +0530
Subject: [PATCH 2/4] remove redundant code.

Signed-off-by: Krishna Gupta <belivethatkg@gmail.com>
---
 src/styles/index.ts | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/styles/index.ts b/src/styles/index.ts
index b1b92869c4b7..2d90d89d2406 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -4333,20 +4333,16 @@ const styles = (theme: ThemeColors) =>
         },
 
         emojiStatusLHN: {
-            ...(Browser.getBrowser() && {transform: 'scale(.65)', lineHeight: 18, fontSize: 15}),
+            fontSize: 9,
+            ...(Browser.getBrowser() && !Browser.isMobile() && {transform: 'scale(.65)', lineHeight: 18, fontSize: 15, overflow: 'visible'}),
             ...(Browser.getBrowser() &&
                 Browser.isSafari() &&
-                !Browser.isMobileSafari() && {
+                !Browser.isMobile() && {
                     transform: 'scale(0.65)',
                     fontSize: 13,
                     lineHeight: 15,
+                    overflow: 'visible',
                 }),
-            // transform: 'scale(.65)',
-            // lineHeight: 15,
-            // transform: 'scale(.65)',
-            // lineHeight: 18,
-            // fontSize: 15,
-            // overflow: 'visible',
         },
 
         onboardingVideoPlayer: {

From 90ea13b137a0cdeaebb8ae843769218635f93e90 Mon Sep 17 00:00:00 2001
From: Krishna Gupta <belivethatkg@gmail.com>
Date: Tue, 21 May 2024 16:24:24 +0530
Subject: [PATCH 3/4] aligm status emoji to center.

Signed-off-by: Krishna Gupta <belivethatkg@gmail.com>
---
 .../home/sidebar/AvatarWithOptionalStatus.tsx      | 14 ++++++++------
 src/styles/index.ts                                |  4 ++--
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/pages/home/sidebar/AvatarWithOptionalStatus.tsx b/src/pages/home/sidebar/AvatarWithOptionalStatus.tsx
index 609e4044002e..5d4af7ea4961 100644
--- a/src/pages/home/sidebar/AvatarWithOptionalStatus.tsx
+++ b/src/pages/home/sidebar/AvatarWithOptionalStatus.tsx
@@ -19,12 +19,14 @@ function AvatarWithOptionalStatus({emojiStatus = '', isSelected = false}: Avatar
         <View style={styles.sidebarStatusAvatarContainer}>
             <ProfileAvatarWithIndicator isSelected={isSelected} />
             <View style={[styles.sidebarStatusAvatar]}>
-                <Text
-                    style={styles.emojiStatusLHN}
-                    numberOfLines={1}
-                >
-                    {emojiStatus}
-                </Text>
+                <View>
+                    <Text
+                        style={styles.emojiStatusLHN}
+                        numberOfLines={1}
+                    >
+                        {emojiStatus}
+                    </Text>
+                </View>
             </View>
         </View>
     );
diff --git a/src/styles/index.ts b/src/styles/index.ts
index 2b3207eee4a8..5f160009d923 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -4335,11 +4335,11 @@ const styles = (theme: ThemeColors) =>
 
         emojiStatusLHN: {
             fontSize: 9,
-            ...(Browser.getBrowser() && !Browser.isMobile() && {transform: 'scale(.65)', lineHeight: 18, fontSize: 15, overflow: 'visible'}),
+            ...(Browser.getBrowser() && !Browser.isMobile() && {transform: 'scale(.5)', fontSize: 22, overflow: 'visible'}),
             ...(Browser.getBrowser() &&
                 Browser.isSafari() &&
                 !Browser.isMobile() && {
-                    transform: 'scale(0.65)',
+                    transform: 'scale(0.7)',
                     fontSize: 13,
                     lineHeight: 15,
                     overflow: 'visible',

From 6454fe21c9a9c3d06bcd5a66b5d33f38cc238648 Mon Sep 17 00:00:00 2001
From: Krishna Gupta <belivethatkg@gmail.com>
Date: Fri, 24 May 2024 21:51:08 +0530
Subject: [PATCH 4/4] hide overflowing emoji from emoji status container.

Signed-off-by: Krishna Gupta <belivethatkg@gmail.com>
---
 src/styles/index.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/styles/index.ts b/src/styles/index.ts
index 192b2779e05d..e567026a2e7b 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -4380,6 +4380,7 @@ const styles = (theme: ThemeColors) =>
             bottom: -4,
             borderColor: theme.highlightBG,
             borderWidth: 2,
+            overflow: 'hidden',
         },
         moneyRequestViewImage: {
             ...spacing.mh5,