diff --git a/packages/pirateship/src/lib/translations/en.ts b/packages/pirateship/src/lib/translations/en.ts index e8cac2f99a..13264b8b83 100644 --- 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 index 7ebd739acf..75f2763dad 100644 --- a/packages/pirateship/src/lib/translations/types.ts +++ b/packages/pirateship/src/lib/translations/types.ts @@ -300,6 +300,7 @@ interface Screens { }; shop: ScreenTitle & { shopByCategoryBtn: KeyType; + shopAllBtn: KeyType; shopTopBtn: KeyType; viewAllBtn: KeyType; }; diff --git a/packages/pirateship/src/screens/Shop.tsx b/packages/pirateship/src/screens/Shop.tsx index b01e5bbdd0..6b1b619133 100644 --- 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 { - {translate.string(translationKeys.screens.shop.shopTopBtn)} + {translate.string(translationKeys.screens.shop.shopAllBtn)}