From c17bd1e936409d32dd272fb13856e8b7eb98d2dc Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Thu, 11 Mar 2021 08:55:30 -0800
Subject: basic styling for edit badges button

---
 src/components/common/TaggSquareButton.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

(limited to 'src/components/common/TaggSquareButton.tsx')

diff --git a/src/components/common/TaggSquareButton.tsx b/src/components/common/TaggSquareButton.tsx
index 817a2690..1a1c33b3 100644
--- a/src/components/common/TaggSquareButton.tsx
+++ b/src/components/common/TaggSquareButton.tsx
@@ -9,14 +9,17 @@ import {
   ViewStyle,
 } from 'react-native';
 import LinearGradient from 'react-native-linear-gradient';
-import {BACKGROUND_GRADIENT_MAP, TAGG_PURPLE} from '../../constants';
+import {
+  BACKGROUND_GRADIENT_MAP,
+  TAGG_LIGHT_BLUE,
+  TAGG_PURPLE,
+} from '../../constants';
 import {normalize, SCREEN_WIDTH} from '../../utils';
-
 interface TaggSquareButtonProps extends ViewProps {
   onPress: (event: GestureResponderEvent) => void;
   title: string;
   buttonStyle: 'normal' | 'large' | 'gradient';
-  buttonColor: 'purple' | 'white';
+  buttonColor: 'purple' | 'white' | 'blue';
   labelColor: 'white' | 'blue';
   style?: ViewStyle;
   labelStyle?: TextStyle;
@@ -27,6 +30,8 @@ const TaggSquareButton: React.FC<TaggSquareButtonProps> = (props) => {
     switch (props.buttonColor) {
       case 'purple':
         return {backgroundColor: TAGG_PURPLE};
+      case 'blue':
+        return {backgroundColor: TAGG_LIGHT_BLUE};
       case 'white':
       default:
         return {backgroundColor: 'white'};
-- 
cgit v1.2.3-70-g09d2

