From 9b79559ace03874c0ba158b63dec7c4b1a892a89 Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Mon, 15 Jun 2020 13:32:08 -0400
Subject: [PATCH] Updated Text component extraLarge and large text sizes
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Updated:
- Text component extraLarge and large text sizes
- GifPickerModal, UserStat component contains extraLarge text
---
 app/javascript/gabsocial/components/modal/gif_picker_modal.js | 2 +-
 app/javascript/gabsocial/components/text.js                   | 3 ++-
 app/javascript/gabsocial/components/user_stat.js              | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/javascript/gabsocial/components/modal/gif_picker_modal.js b/app/javascript/gabsocial/components/modal/gif_picker_modal.js
index fc6224a5..db9392ff 100644
--- a/app/javascript/gabsocial/components/modal/gif_picker_modal.js
+++ b/app/javascript/gabsocial/components/modal/gif_picker_modal.js
@@ -262,7 +262,7 @@ class GifCategoriesCollection extends PureComponent {
                   src={category.image}
                 />
                 <div className={[_s.default, _s.posAbs, _s.videoPlayerControlsBackground, _s.right0, _s.bottom0, _s.left0, _s.py10, _s.px10].join(' ')}>
-                  <Text color='white' weight='bold' size='large'>
+                  <Text color='white' weight='bold' size='extraLarge'>
                     {category.searchterm}
                   </Text>
                 </div>
diff --git a/app/javascript/gabsocial/components/text.js b/app/javascript/gabsocial/components/text.js
index 2d18f860..2b973e44 100644
--- a/app/javascript/gabsocial/components/text.js
+++ b/app/javascript/gabsocial/components/text.js
@@ -103,7 +103,8 @@ export default class Text extends PureComponent {
       colorWhite: color === COLORS.white,
       inherit: color === COLORS.inherit,
 
-      fs19PX: size === SIZES.large,
+      fs19PX: size === SIZES.extraLarge,
+      fs16PX: size === SIZES.large,
       fs15PX: size === SIZES.medium,
       fs14PX: size === SIZES.normal,
       fs13PX: size === SIZES.small,
diff --git a/app/javascript/gabsocial/components/user_stat.js b/app/javascript/gabsocial/components/user_stat.js
index da59b417..a5ef03cf 100644
--- a/app/javascript/gabsocial/components/user_stat.js
+++ b/app/javascript/gabsocial/components/user_stat.js
@@ -60,7 +60,7 @@ export default class UserStat extends PureComponent {
         onMouseEnter={this.handleOnMouseEnter}
         onMouseLeave={this.handleOnMouseLeave}
       >
-        <Text size='large' weight='bold' color='brand' align={align}>
+        <Text size='extraLarge' weight='bold' color='brand' align={align}>
           {value}
         </Text>
         <Text size='small' weight='medium' color='secondary' hasUnderline={hovering} align={align}>