Merge pull request #374 from IvanIFChen/hotfix-linting-fixup

[HOTFIX] Linter fixup

1 files changed, 5 insertions, 9 deletions

diff --git a/src/screens/badge/BadgeItem.tsx b/src/screens/badge/BadgeItem.tsx
index 3141e662..1051d4a7 100644
--- a/src/screens/badge/BadgeItem.tsx
+++ b/src/screens/badge/BadgeItem.tsx
@@ -34,7 +34,7 @@ const BadgeItem: React.FC<BadgeItemProps> = ({
       style={styles.border}>
       <TouchableOpacity
         onPress={() => onSelection(title)}
-        style={{alignSelf: 'center', marginTop: 3}}>
+        style={styles.button}>
         <LinearGradient
           colors={index === 0 ? BADGE_GRADIENT_FIRST : BADGE_GRADIENT_REST}
           // BACKGROUND_GRADIENT_MAP
@@ -74,14 +74,6 @@ const styles = StyleSheet.create({
     borderRadius: 8,
     borderColor: 'transparent',
   },
-  selectedDetailContainer: {
-    flexGrow: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderWidth: 3,
-    borderColor: 'white',
-    borderRadius: 8,
-  },
   imageStyles: {
     width: 40,
     height: 40,
@@ -96,6 +88,10 @@ const styles = StyleSheet.create({
     color: 'white',
     marginHorizontal: '2%',
   },
+  button: {
+    alignSelf: 'center',
+    marginTop: 3,
+  },
 });
 
 export default BadgeItem;