@quintype/native-components 2.31.0-beta.2 → 2.31.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/native-components",
-  "version": "2.31.0-beta.2",
+  "version": "2.31.0-beta.4",
   "description": "",
   "main": "src/index.js",
   "scripts": {

package/src/components/CustomSwitch/index.js

@@ -1,7 +1,6 @@
 import PropTypes from "prop-types";
 import React, { useContext } from "react";
 import { Switch, View } from "react-native";
-import Icon from "react-native-vector-icons/FontAwesome";
 import { COMP_GENERAL_CONSTANTS } from "../../constants/component-constants/general-constants/constants";
 import { AppTheme } from "../../utils";
 import { Text } from "../Text";
@@ -11,8 +10,6 @@ export const CustomSwitch = ({
   label = "",
   callback,
   isEnabled = true,
-  iconSize = 20,
-  iconName,
   isSwitchDisabled = false,
 }) => {
   const { theme } = useContext(AppTheme);
@@ -24,15 +21,7 @@ export const CustomSwitch = ({
 
   return (
     <View style={styles.container} testID={COMP_GENERAL_CONSTANTS.customSwitch}>
-      <View style={styles.textContainer}>
-        {!iconName ? null : (
-          <View style={styles.iconStyle}>
-            <Icon size={iconSize} color={COLORS.MONO4} name={iconName} />
-          </View>
-        )}
-
-        <Text style={styles.labelStyle}>{label}</Text>
-      </View>
+      <Text style={styles.labelStyle}>{label}</Text>
       <Switch
         trackColor={{ false: COLORS.MONO1, true: COLORS.BRAND_1 }}
         thumbColor={isEnabled ? COLORS.MONO5 : COLORS.MONO5}

package/src/components/CustomSwitch/styles.js

@@ -8,9 +8,6 @@ export const customSwitchStyles = () => {
       ...importStyles.container,
       justifyContent: 'space-between',
     },
-    textContainer: {
-      flexDirection: 'row',
-    },
   };
 
   return {

package/src/components/IconText/iconText_styles.js

@@ -9,20 +9,10 @@ export const iconTextStyles = () => {
     container: {
       alignItems: "center",
       flexDirection: "row",
-      paddingVertical: 12,
-    },
-    iconContainerStyle: {
-      marginRight: 15,
-    },
-    iconStyle: {
-      color: COLORS.MONO4,
-      textalign: "center",
-      width: 30,
     },
     labelStyle: {
       color: COLORS.BRAND_BLACK,
       fontSize: FONT_SIZE.h3,
-      opacity: 0.7,
     },
   });
 };

package/src/utils/timeUtils.js

@@ -23,16 +23,8 @@ export const getTimeForStoryCards = (
   reverseTimeAdverbPosition = false,
 ) => {
   if (date) {
-    const currentDate = new Date();
     const dateToFormat = new Date(date);
     const locale = dateFNSlocale[localTime];
-    const distanceInMinutes = differenceInMinutes(currentDate, dateToFormat);
-    if (distanceInMinutes <= 1440) {
-      const timeDistance = formatDistanceToNowStrict(dateToFormat, { locale });
-      return reverseTimeAdverbPosition
-        ? `${translate('ago')} ${timeDistance}`
-        : `${timeDistance} ${translate('ago')}`;
-    }
     return dateFormat(dateToFormat, format, { locale });
   }
   return '';