@quintype/native-components 2.20.28-beta.1 → 2.20.29

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [2.20.29](https://github.com/quintype/native-components/compare/v2.20.28...v2.20.29) (2024-06-04)
+
 ### [2.20.28](https://github.com/quintype/native-components/compare/v2.20.27...v2.20.28) (2024-05-17)
 
 ### [2.20.27](https://github.com/quintype/native-components/compare/v2.20.26...v2.20.27) (2024-05-17)

package/bin-dev-scripts/standard-version-release.sh

@@ -1,15 +1,15 @@
-# #!/bin/bash -e
+#!/bin/bash -e
 
-# npm install
-# git diff --quiet
+npm install
+git diff --quiet
 
-# BRANCH=$(git symbolic-ref --short HEAD)
+BRANCH=$(git symbolic-ref --short HEAD)
 
-# if [ "$BRANCH" == 'master' ]
-# then
-#   npx standard-version
-# else
-#   npx standard-version --prerelease "$(git symbolic-ref --short HEAD | sed s:/:-:g )" --skip.changelog=true
-# fi
+if [ "$BRANCH" == 'master' ]
+then
+  npx standard-version
+else
+  npx standard-version --prerelease "$(git symbolic-ref --short HEAD | sed s:/:-:g )" --skip.changelog=true
+fi
 
-# git push --follow-tags origin "$BRANCH"
+git push --follow-tags origin "$BRANCH"

package/package.json

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

package/src/Icons/FallBackIcon/index.js

@@ -1,18 +1,10 @@
-import React from "react";
-import Icon from "react-native-vector-icons/Ionicons";
-import PropTypes from "prop-types";
+import React, { useContext } from "react";
+import Icon from "react-native-vector-icons/FontAwesome";
+import { AppTheme } from "../../utils";
 
-const DEFAULT_FALLBACK_SIZE = 25;
+export const FallbackIcon = () => {
+  const { theme } = useContext(AppTheme);
+  const { COLORS } = theme;
 
-export const FallbackIcon = ({ size = DEFAULT_FALLBACK_SIZE, color }) => (
-  <Icon
-    name="images"
-    size={size}
-    color={color}
-  />
-);
-
-FallbackIcon.propTypes = {
-  size: PropTypes.number,
-  color: PropTypes.string,
+  return <Icon name="image" size={25} color={COLORS.MONO4} />;
 };

package/src/components/ResponsiveImage/index.js

@@ -33,7 +33,7 @@ const ResponsiveImageBase = (props) => {
 
   const placeholderStyle = {
     ...StyleSheet.absoluteFillObject,
-    backgroundColor: CustomFallBackBackground || COLORS.MONO6,
+    backgroundColor: (CustomFallBackIcon && CustomFallBackBackground) ?? COLORS.MONO6,
     justifyContent: 'center',
     alignItems: 'center',
   };

package/src/components/SecondaryStoryCardNew/index.js

@@ -9,7 +9,6 @@ import {
   TouchableOpacityProps,
 } from 'react-native';
 import Icon from 'react-native-vector-icons/FontAwesome';
-import MaterialIcon from 'react-native-vector-icons/MaterialCommunityIcons'
 import {
   AppTheme,
   getImageMetadata,
@@ -75,12 +74,6 @@ const SecondaryStoryCardNewBase = (props) => {
     </View>
   );
 
-  const showMaterialIcon = (name) => (
-    <View style={styles.storyType}>
-      <MaterialIcon name={name} size={14} color={COLORS.MONO7}/>
-    </View>
-  )
-
   const showStoryType = () => {
     switch (story['story-template']) {
       case 'text':
@@ -91,8 +84,6 @@ const SecondaryStoryCardNewBase = (props) => {
         return showIcon('play');
       case 'live-blog':
         return showLiveBlogIcon();
-      case 'review':
-        return showMaterialIcon('star-face')
       default:
         null;
     }