@momo-kits/foundation 0.111.1-optimize.2 → 0.111.1-optimize.3

package/Application/Components/HeaderRight.tsx

@@ -143,10 +143,11 @@ const HeaderToolkitAction: React.FC<any> = ({
    */
   const onPressShortcut = () => {
     const currentRoute = navigator?.ref?.current?.getCurrentRoute?.();
+    const expected = !isFavorite;
     context?.autoTracking?.({
       ...context,
       componentName: 'IconButton',
-      componentId: 'navigation_shortcut',
+      componentId: `${expected ? 'pin' : 'unpin'}_shortcut`,
       screenName: currentRoute?.params?.screen?.name ?? currentRoute?.name,
     });
     setIsLoading(true);
@@ -160,7 +161,7 @@ const HeaderToolkitAction: React.FC<any> = ({
       },
       ({success}: {success: boolean}) => {
         if (success) {
-          setIsFavorite(!isFavorite);
+          setIsFavorite(expected);
         }
       }
     );

package/Application/Components/HeaderTitle.tsx

@@ -8,7 +8,7 @@ import {
 } from 'react-native';
 import {ApplicationContext, MiniAppContext} from '../index';
 import {exportFontFamily, scaleSize, Text} from '../../Text';
-import {Colors, Spacing, Radius, Styles} from '../../Consts';
+import {Colors, Radius, Spacing, Styles} from '../../Consts';
 import {TitleJourneyProps, TitleLocationProps, TitleUserProps} from '../types';
 import {Image} from '../../Image';
 import {Icon} from '../../Icon';
@@ -79,7 +79,7 @@ const TitleUser: React.FC<TitleUserProps> = ({
   isLoading,
 }) => {
   const {theme} = useContext(ApplicationContext);
-  const maxWidth = icons?.length === 2 ? '73%' : '100%';
+  const maxWidth = Dimensions.get('window').width - scaleSize(172);
   const getShortName = (name: string) => {
     const words = name.split(' ');
     const lastTwoWords = words.slice(-2);
@@ -246,20 +246,20 @@ const TitleUser: React.FC<TitleUserProps> = ({
   };
 
   const renderVerifyIcon = () => {
-    const renderIcons = () => {
-      if (icons && icons.length > 0) {
-        return icons.map(icon => (
-          <Image
-            source={{
-              uri: icon,
-            }}
-            style={styles.verifiedIcon}
-          />
-        ));
-      }
-    };
-
-    return <View style={Styles.row}>{renderIcons()}</View>;
+    if (icons && icons.length > 0) {
+      return (
+        <View style={[Styles.row]}>
+          {icons.map(icon => (
+            <Image
+              source={{
+                uri: icon,
+              }}
+              style={styles.verifiedIcon}
+            />
+          ))}
+        </View>
+      );
+    }
   };
 
   const renderShimmer = () => {
@@ -295,19 +295,21 @@ const TitleUser: React.FC<TitleUserProps> = ({
   if (isLoading) {
     return renderShimmer();
   }
+
   return (
     <TouchableOpacity
       style={styles.headerTitleContainer}
       onPress={onPress}
       disabled={onPress === undefined}>
-      <View style={[Styles.row, Styles.flex]}>
+      <View
+        style={[Styles.row, {maxWidth: maxWidth - (icons?.length ?? 0) * 16}]}>
         <View>
           {renderImage()}
           {!!dotColor && (
             <View style={[styles.dotAvatar, {backgroundColor: dotColor}]} />
           )}
         </View>
-        <View style={[Styles.flex, {marginLeft: 6, maxWidth: maxWidth}]}>
+        <View style={[Styles.flex, {marginLeft: 6}]}>
           <View style={Styles.row}>
             <Text
               typography="action_xs_bold"
@@ -493,7 +495,7 @@ const styles = StyleSheet.create({
   },
   headerTitleContainer: {
     justifyContent: 'center',
-    maxWidth: Dimensions.get('window').width - 190,
+    maxWidth: Dimensions.get('window').width - scaleSize(172),
   },
   circle: {
     width: 32,

package/package.json

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