@momo-kits/foundation 1.0.16 → 1.0.18

package/Input/Input.tsx

@@ -111,7 +111,7 @@ const Input: FC<InputProps> = ({
               />
             </TouchableOpacity>
           )}
-          {icon && <Icon color={iconTintColor} source={icon} size={24} />}
+          {!!icon && <Icon color={iconTintColor} source={icon} size={24} />}
         </View>
       </View>
     );

package/Input/InputMoney.tsx

@@ -116,7 +116,7 @@ const InputMoney: FC<InputMoneyProps> = ({
               />
             </TouchableOpacity>
           )}
-          {icon && <Icon color={iconTintColor} source={icon} />}
+          {!!icon && <Icon color={iconTintColor} source={icon} />}
         </View>
       </View>
     );

package/Input/InputSearch.tsx

@@ -103,7 +103,7 @@ const InputSearch: FC<InputSearchProps> = ({
             />
           </TouchableOpacity>
         )}
-        {icon || (
+        {!!icon && (
           <View style={{flexDirection: 'row'}}>
             <View
               style={[
@@ -115,7 +115,7 @@ const InputSearch: FC<InputSearchProps> = ({
             />
             <Icon
               color={iconTintColor}
-              source={icon as string}
+              source={icon}
               style={styles.iconSearchInput}
             />
           </View>

package/Input/common.tsx

@@ -30,7 +30,7 @@ export const getBorderColor = (
     borderColor = theme.colors.primary;
   }
 
-  if (!!errorMessage) {
+  if (errorMessage) {
     borderColor = theme.colors.error.primary;
   }
 
@@ -103,10 +103,10 @@ export const FloatingView: FC<FloatingViewProps> = ({
             </Text>
           )}
         </Text>
-        {floatingIcon || (
+        {!!floatingIcon && (
           <Icon
             color={floatingIconTintColor}
-            source={floatingIcon as string}
+            source={floatingIcon}
             size={16}
             style={styles.floatingIcon}
           />

package/Layout/ScreenContainer.tsx

@@ -76,7 +76,7 @@ const ScreenContainer: React.FC<ScreenContainerProps> = ({
           height: 300,
           width: '100%',
         }}>
-        {headerBackground || (
+        {!!headerBackground && (
           <Animated.Image
             source={{
               uri: headerBackground,

package/Navigation/Components.tsx

@@ -139,7 +139,7 @@ const HeaderBackground: React.FC<HeaderBackgroundProps> = ({
       <StatusBar
         barStyle={headerImage || theme.dark ? 'light-content' : 'dark-content'}
       />
-      {headerImage || (
+      {!!headerImage && (
         <Image style={styles.headerBackground} source={{uri: headerImage}} />
       )}
     </Animated.View>
@@ -160,7 +160,7 @@ const HeaderCustom: React.FC<TitleCustomProps> = ({
     <View style={Styles.row}>
       <View>
         <Image source={{uri: image}} style={avatarStyle} />
-        {dotColor || (
+        {!!dotColor && (
           <View style={[styles.dotAvatar, {backgroundColor: dotColor}]} />
         )}
       </View>

package/Popup/PopupNotify.tsx

@@ -36,11 +36,11 @@ const PopupNotify: React.FC<PopupNotifyProps> = ({
     const renderRow = () => {
       return (
         <View style={Styles.row}>
-          {secondary?.title || (
+          {!!secondary?.title && (
             <>
               <View style={Styles.flex}>
                 <Button
-                  title={secondary?.title as string}
+                  title={secondary?.title}
                   type="text"
                   size="medium"
                   onPress={() => {
@@ -73,11 +73,11 @@ const PopupNotify: React.FC<PopupNotifyProps> = ({
               onAction(primary.onPress);
             }}
           />
-          {secondary?.title || (
+          {!!secondary?.title && (
             <>
               <View style={styles.buttonSpace} />
               <Button
-                title={secondary?.title as string}
+                title={secondary?.title}
                 type="text"
                 size="medium"
                 onPress={() => {
@@ -137,7 +137,7 @@ const PopupNotify: React.FC<PopupNotifyProps> = ({
         styles.container,
         {backgroundColor: theme.colors.background.surface},
       ]}>
-      {image && <Image source={{uri: image}} style={styles.image} />}
+      {!!image && <Image source={{uri: image}} style={styles.image} />}
       <View style={styles.content}>
         <Text typography={'title_xs'} numberOfLines={1}>
           {title}
@@ -147,7 +147,7 @@ const PopupNotify: React.FC<PopupNotifyProps> = ({
             {description}
           </Text>
         </View>
-        {information || (
+        {!!information && (
           <View style={styles.information}>
             <Text
               typography={'description_xs'}

package/Radio/index.tsx

@@ -54,7 +54,7 @@ const Radio: FC<RadioProps> = ({
           styles.radio,
           checkBoxStyle,
           disabledStyle,
-          {marginRight: !!label ? Spacing.XS : 0},
+          {marginRight: label ? Spacing.XS : 0},
         ]}
       />
       {!!label && <Text typography={'description_default'}>{label}</Text>}

package/Tag/index.tsx

@@ -62,7 +62,12 @@ const Tag: FC<TagProps> = ({
   return (
     <View style={[style, sizeStyle, {backgroundColor: tagColor}]}>
       {!!icon && (
-        <Icon style={styles.icon} size={16} source={icon} color={labelColor} />
+        <Icon
+          style={styles.icon}
+          size={16}
+          source={icon as string}
+          color={labelColor}
+        />
       )}
       <Text color={labelColor} typography={'label_s'}>
         {label}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/foundation",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "description": "React Native Component Kits",
   "main": "index.ts",
   "scripts": {