@quintype/native-components 2.30.1--merged-branches → 2.30.2--alt-story-layout-beta

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/native-components",
-  "version": "2.30.1--merged-branches",
+  "version": "2.30.2--alt-story-layout-beta",
   "description": "",
   "main": "src/index.js",
   "scripts": {

package/src/components/Header/index.js

@@ -12,35 +12,12 @@ import { headerStyles } from "./styles";
 
 export const Header = (props) => {
   const { theme } = useContext(AppTheme);
-  const { noBorder, centerAlignLogo } = props || {};
-  const styles = headerStyles(theme, noBorder, centerAlignLogo);
+  const styles = headerStyles(theme, props.noBorder);
   const headerStyle = StyleSheet.flatten([styles.header, props.style]);
   const logoComponentStyle = StyleSheet.flatten([
     styles.logoComponentStyle,
     props.logoComponentStyle,
   ]);
-  if (centerAlignLogo) {
-    return (
-      <View style={styles.header}>
-        <View style={styles.leftContainer}>
-          {props.leftComponent && props.leftComponent}
-        </View>
-          {props.logoComponent && (
-            <TouchableOpacity
-              style={logoComponentStyle}
-              onPress={props.onPress}
-              testID={COMP_GENERAL_CONSTANTS.headerLogoTouch}
-            >
-              {props.logoComponent}
-            </TouchableOpacity>
-          )}
-        <View style={styles.rightContainer}>
-          {props.rightComponent && props.rightComponent}
-        </View>
-      </View>
-    )
-  }
-
   return (
     <View style={headerStyle}>
       <View>

package/src/components/Header/styles.js

@@ -1,35 +1,19 @@
 import { StyleSheet } from 'react-native';
 
-export const headerStyles = (appThemeContext, noBorder, centerAlignLogo) => {
+export const headerStyles = (appThemeContext, noBorder) => {
   const { COLORS, DARK_MODE } = appThemeContext;
-  const headerContainerStyles = {
+  return StyleSheet.create({
     header: {
       height: 48,
       backgroundColor: DARK_MODE ? COLORS.MONO6 : COLORS.BRAND_WHITE,
       flexDirection: 'row',
       alignItems: 'center',
-      justifyContent: centerAlignLogo ? 'center' : 'space-between',
+      justifyContent: 'space-between',
       paddingHorizontal: 10,
       borderBottomColor: noBorder
         ? (DARK_MODE ? COLORS.BRAND_WHITE : COLORS.BRAND_BLACK)
         : (DARK_MODE ? COLORS.MONO6 : COLORS.BRAND5),
       borderBottomWidth: StyleSheet.hairlineWidth,
-    }
-  }
-
-  if (centerAlignLogo) {
-    return StyleSheet.create({
-      ...headerContainerStyles,
-      leftContainer: {
-        flex: 1, // Takes up all left space
-        alignItems: 'flex-start', // Aligns leftView to the left
-      },
-      rightContainer: {
-        flex: 1, // Takes up all right space
-        alignItems: 'flex-end', // Aligns rightView to the right
-      }
-    });
-  }
-
-  return StyleSheet.create(headerContainerStyles);
+    },
+  });
 };