@hoddy-ui/core 2.5.32 → 2.5.33

package/next/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hoddy-ui/next",
-  "version": "2.0.59",
+  "version": "2.0.61",
   "description": "Core rich react native components written in typescript, with support for expo-router",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hoddy-ui/core",
-  "version": "2.5.32",
+  "version": "2.5.33",
   "description": "Core rich react native components written in typescript",
   "main": "index.ts",
   "repository": {

package/src/Components/Avatar.tsx

@@ -1,5 +1,5 @@
 import { AntDesign } from "@expo/vector-icons";
-import React from "react";
+import React, { useState } from "react";
 import { Image, View } from "react-native";
 import { ms, ScaledSheet } from "react-native-size-matters";
 import { useColors } from "../hooks";
@@ -15,6 +15,7 @@ const Avatar: React.FC<AvatarProps> = ({
   style = {},
 }) => {
   const colors = useColors();
+  const [imageError, setImageError] = useState(false);
   const styles: any = ScaledSheet.create({
     root: {
       borderRadius: 150,
@@ -41,8 +42,13 @@ const Avatar: React.FC<AvatarProps> = ({
 
   return (
     <View style={styles.root}>
-      {source ? (
-        <Image resizeMode="cover" style={styles.image} source={source} />
+      {source && !imageError ? (
+        <Image
+          resizeMode="cover"
+          style={styles.image}
+          source={source}
+          onError={() => setImageError(true)}
+        />
       ) : label ? (
         <Typography style={{ color: colors[color].text }}>
           {label[0]}

package/src/Components/Locator.tsx

@@ -57,10 +57,11 @@ export const getPredictionsFromQuery = async (
 
   const p = [];
   for (let key in res.predictions) {
-    const { description, place_id } = res.predictions[key];
+    const { description, place_id, types } = res.predictions[key];
     p.push({
       description,
       id: place_id,
+      types,
     });
   }
   return p;