@hoddy-ui/core 1.0.29 → 1.0.31

package/package.json

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

package/src/Components/FlashMessage.tsx

@@ -12,9 +12,7 @@ import { MaterialIcons } from "@expo/vector-icons";
 import { FlashMessageProps } from "../types";
 import Typography from "./Typography";
 
-export let showFlashMessage: (msg: FlashMessageProps) => void = () => {
-  console.log("hi");
-};
+export let showFlashMessage: (msg: FlashMessageProps) => void = () => {};
 
 const FlashMessage: React.FC = () => {
   const { top } = useSafeAreaInsets();
@@ -34,7 +32,7 @@ const FlashMessage: React.FC = () => {
       setTimeout(() => {
         setMessage(null);
       }, 500);
-    }, msg.duration || 2000);
+    }, msg.duration || 3000);
   };
   useEffect(() => {
     LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
@@ -84,7 +82,7 @@ const FlashMessage: React.FC = () => {
       </View>
 
       {message?.actions?.map((cur) => (
-        <TouchableOpacity style={styles.action}>
+        <TouchableOpacity style={styles.action} onPress={cur.onPress}>
           <Typography fontWeight={700} style={{ color: "#fff" }}>
             {cur.title}
           </Typography>

package/src/Components/Locator.tsx

@@ -9,19 +9,21 @@ import { ScaledSheet } from "react-native-size-matters";
 import { useColors } from "../hooks";
 import { LocatorProps } from "../types";
 
-// import { GOOGLE_MAP_API } from "../../api/config";
 import { getApiKey } from "../config/KeyManager";
 import Typography from "./Typography";
 
-const { GOOGLE_MAP_API_KEY } = getApiKey();
-
-if (GOOGLE_MAP_API_KEY) Location.setGoogleApiKey(GOOGLE_MAP_API_KEY);
+setTimeout(() => {
+  const { GOOGLE_MAP_API_KEY } = getApiKey();
+  if (GOOGLE_MAP_API_KEY) Location.setGoogleApiKey(GOOGLE_MAP_API_KEY);
+}, 500);
 
 type predictionType = {
   id: string;
   description: string;
 };
 export const getPredictionsFromCoords = async (coords: any) => {
+  const { GOOGLE_MAP_API_KEY } = getApiKey();
+
   if (!GOOGLE_MAP_API_KEY)
     console.error(
       "Google map api key needs to be set to use this component \nMake sure to run initialize() with a valid google map api key"
@@ -61,6 +63,8 @@ export const Locator: React.FC<LocatorProps> = ({
   float = true,
   country = "ng",
 }) => {
+  const { GOOGLE_MAP_API_KEY } = getApiKey();
+
   const [changed, setChanged] = useState(false);
   const [value, setValue] = useState("");
   const [prediction, setPrediction] = useState<predictionType[]>([]);
@@ -78,7 +82,7 @@ export const Locator: React.FC<LocatorProps> = ({
       borderRadius: 10,
       marginBottom: 10,
       width: "100%",
-      zIndex: 1000,
+      zIndex: 20,
       marginTop: float ? 2 : "15@ms",
       top: float ? "100%" : undefined,
       position: float ? "absolute" : "relative",
@@ -158,7 +162,7 @@ export const Locator: React.FC<LocatorProps> = ({
   }, [GOOGLE_MAP_API_KEY]);
 
   return (
-    <View style={{ zIndex: 100 }}>
+    <View style={{ zIndex: 10 }}>
       {renderInput ? (
         renderInput({
           onFocus: () => search(value),