@momo-kits/foundation 0.110.1-beta.3 → 0.110.1-beta.4

package/Application/Components/HeaderAnimated.tsx

@@ -35,7 +35,8 @@ const HeaderAnimated: React.FC<HeaderAnimatedProps> = ({
   return (
     <Animated.View
       style={{
-        height: 210,
+        width: '100%',
+        aspectRatio: 16 / 9,
         opacity: opacity,
         transform: [{scale}, {translateY}],
       }}>

package/Application/Components/HeaderTitle.tsx

@@ -72,9 +72,8 @@ const TitleUser: React.FC<TitleUserProps> = ({
   image,
   tintColor,
   dotColor,
+  verify,
   onPress,
-  icon1,
-  icon2,
 }) => {
   const {theme} = useContext(ApplicationContext);
   const getShortName = (name: string) => {
@@ -84,7 +83,7 @@ const TitleUser: React.FC<TitleUserProps> = ({
   };
 
   const renderImage = () => {
-    if (image) {
+    if (!!image) {
       return <Image source={{uri: image}} style={styles.circle} />;
     } else {
       return (
@@ -95,36 +94,6 @@ const TitleUser: React.FC<TitleUserProps> = ({
     }
   };
 
-  const renderVerifyIcon = () => {
-    if (icon1 && icon2) {
-      return (
-        <View style={Styles.row}>
-          <Image
-            source={{
-              uri: icon1,
-            }}
-            style={styles.verifiedIcon}
-          />
-          <Image
-            source={{
-              uri: icon2,
-            }}
-            style={styles.verifiedIcon}
-          />
-        </View>
-      );
-    } else if (icon1 || icon2) {
-      return (
-        <Image
-          source={{
-            uri: icon1 || icon2,
-          }}
-          style={styles.verifiedIcon}
-        />
-      );
-    }
-  };
-
   return (
     <TouchableOpacity
       style={styles.headerTitleContainer}
@@ -150,8 +119,15 @@ const TitleUser: React.FC<TitleUserProps> = ({
               color={tintColor}
               numberOfLines={1}>
               {title}
-            </Text> 
-            {renderVerifyIcon()}
+            </Text>
+            {verify && (
+              <Image
+                source={{
+                  uri: 'https://static.momocdn.net/app/img/kits/verified.png',
+                }}
+                style={styles.verifiedIcon}
+              />
+            )}
           </View>
           {!!subTitle && (
             <Text
@@ -315,7 +291,7 @@ const styles = StyleSheet.create({
     borderWidth: 2,
     borderColor: Colors.black_01,
   },
-  verifiedIcon: {width: 16, height: 16, marginLeft: Spacing.XS},
+  verifiedIcon: {width: 12, height: 12, marginLeft: Spacing.XS},
 });
 
 export {HeaderTitle, TitleCustom};

package/Application/NavigationContainer.tsx

@@ -32,6 +32,7 @@ const NavigationContainer: React.FC<NavigationContainerProps> = ({
   const isReady = useRef(false);
   const navigator = useRef(new Navigator(navigationRef, isReady));
   const [showGrid, setShowGrid] = useState(false);
+  const [configHeader, setConfigHeader] = useState(undefined);
 
   /**
    * inject data for navigator
@@ -62,12 +63,27 @@ const NavigationContainer: React.FC<NavigationContainerProps> = ({
     return localize?.translate(data as string);
   };
 
+  useEffect(() => {
+    maxApi?.getFeatureById('platform_config', (data: any) => {
+      const parsedConfig = JSON.parse(data?.param);
+      const header = parsedConfig?.navigationBar?.headerBar;
+      if (header) {
+        setConfigHeader(header);
+      }
+    });
+  }, []);
+
   return (
     <SafeAreaProvider>
       <ApplicationContext.Provider
         value={{
           navigator: navigator.current,
-          theme,
+          theme: {
+            ...theme,
+            assets: {
+              headerBackground: theme.assets?.headerBackground || configHeader,
+            },
+          },
           showGrid,
           translate,
         }}>

package/Application/types.ts

@@ -198,8 +198,6 @@ export type TitleUserProps = {
   verify?: boolean;
   tintColor?: string;
   onPress?: () => void;
-  icon1?: string;
-  icon2?: string;
 };
 
 export type TitleLocationProps = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/foundation",
-  "version": "0.110.1-beta.3",
+  "version": "0.110.1-beta.4",
   "description": "React Native Component Kits",
   "main": "index.ts",
   "scripts": {},