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

package/Application/Components/HeaderTitle.tsx

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

package/Application/NavigationContainer.tsx

@@ -32,7 +32,6 @@ 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(null);
 
   /**
    * inject data for navigator
@@ -63,27 +62,12 @@ 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,
-            assets: {
-              headerBackground: theme.assets?.headerBackground || configHeader,
-            },
-          },
+          theme,
           showGrid,
           translate,
         }}>

package/Application/types.ts

@@ -198,6 +198,8 @@ 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.2",
+  "version": "0.110.1-beta.3",
   "description": "React Native Component Kits",
   "main": "index.ts",
   "scripts": {},