Refactor styles

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

src/components/memes/memesList/memesList.tsx

@@ -12,7 +12,6 @@ import { Meme } from '../../../database';
 import { RootState } from '../../../state';
 import { VIEW } from '../../../types';
 import { getFlashListItemHeight } from '../../../utilities';
-import styles from '../../../styles';
 import MemesMasonryItem from './memesMasonryItem';
 import MemesGridItem from './memesGridItem';
 import MemesListItem from './memesListItem';
@@ -22,6 +21,7 @@ const sharedMemesListStyles = StyleSheet.create({
     paddingBottom: 100,
   },
   helperText: {
+    textAlign: 'center',
     marginVertical: 15,
   },
 });
@@ -89,9 +89,7 @@ const MemesList = ({
             ...memesMasonryListStyles.flashList,
           }}
           ListEmptyComponent={() => (
-            <HelperText
-              type={'info'}
-              style={[sharedMemesListStyles.helperText, styles.centerText]}>
+            <HelperText type={'info'} style={sharedMemesListStyles.helperText}>
               No memes found
             </HelperText>
           )}
@@ -119,9 +117,7 @@ const MemesList = ({
             ...memesGridListStyles.flashList,
           }}
           ListEmptyComponent={() => (
-            <HelperText
-              type={'info'}
-              style={[sharedMemesListStyles.helperText, styles.centerText]}>
+            <HelperText type={'info'} style={sharedMemesListStyles.helperText}>
               No memes found
             </HelperText>
           )}
@@ -149,9 +145,7 @@ const MemesList = ({
             ...memesListListStyles.flashList,
           }}
           ListEmptyComponent={() => (
-            <HelperText
-              type={'info'}
-              style={[sharedMemesListStyles.helperText, styles.centerText]}>
+            <HelperText type={'info'} style={sharedMemesListStyles.helperText}>
               No memes found
             </HelperText>
           )}