Merge pull request #292 from IvanIFChen/tma694-edit-badges

[TMA-694] Edit Badges

1 files changed, 8 insertions, 3 deletions

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'};