fix(pirateship): change shop top categories button

brandingbrand · Jul 12, 2018 · e7dc743 · e7dc743
1 parent ea7666b
commit e7dc743
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/packages/pirateship/src/lib/translations/en.ts b/packages/pirateship/src/lib/translations/en.ts
@@ -357,6 +357,7 @@ export const en: ProjectTranslationKeys = {
       title: 'Shop',
       shopByCategoryBtn: commonButtons.shopByCategory,
       shopTopBtn: 'Shop Top Categories',
+      shopAllBtn: 'Shop All Categories',
       viewAllBtn: 'View All'
     }
   },

diff --git a/packages/pirateship/src/lib/translations/types.ts b/packages/pirateship/src/lib/translations/types.ts
@@ -300,6 +300,7 @@ interface Screens<KeyType> {
   };
   shop: ScreenTitle<KeyType> & {
     shopByCategoryBtn: KeyType;
+    shopAllBtn: KeyType;
     shopTopBtn: KeyType;
     viewAllBtn: KeyType;
   };

diff --git a/packages/pirateship/src/screens/Shop.tsx b/packages/pirateship/src/screens/Shop.tsx
@@ -55,13 +55,13 @@ const ShopStyle = StyleSheet.create({
     backgroundColor: palette.background
   },
   shopButtonsContainer: {
-    marginBottom: 20,
+    marginBottom: 15,
     marginHorizontal: 15
   },
   shopCategoryButtonsContainer: {
     flexDirection: 'row',
     justifyContent: 'space-between',
-    marginBottom: 10
+    marginBottom: 0
   },
   searchBarContainer: {
     marginBottom: 10,
@@ -70,7 +70,10 @@ const ShopStyle = StyleSheet.create({
   },
   sectionTitle: {
     marginHorizontal: 15,
-    marginBottom: 15
+    marginTop: 0,
+    paddingTop: 15,
+    paddingBottom: 15,
+    justifyContent: 'center'
   },
   shopLandingCategories: {
     borderTopWidth: 1,
@@ -225,7 +228,7 @@ class Shop extends Component<ShopProps> {
 
           <View style={ShopStyle.topCategoriesContainer}>
             <Text style={[GlobalStyle.h2, ShopStyle.sectionTitle]}>
-              {translate.string(translationKeys.screens.shop.shopTopBtn)}
+              {translate.string(translationKeys.screens.shop.shopAllBtn)}
             </Text>
             <PSButton
               link