@hoddy-ui/core 1.0.26 → 1.0.27

package/package.json

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

package/src/Components/Locator.tsx

@@ -13,14 +13,15 @@ import { LocatorProps } from "../types";
 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);
+
 type predictionType = {
   id: string;
   description: string;
 };
 export const getPredictionsFromCoords = async (coords: any) => {
-  const { GOOGLE_MAP_API_KEY } = getApiKey();
-
-  if (GOOGLE_MAP_API_KEY) Location.setGoogleApiKey(GOOGLE_MAP_API_KEY);
   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"
@@ -60,9 +61,6 @@ export const Locator: React.FC<LocatorProps> = ({
   float = true,
   country = "ng",
 }) => {
-  const { GOOGLE_MAP_API_KEY } = getApiKey();
-
-  if (GOOGLE_MAP_API_KEY) Location.setGoogleApiKey(GOOGLE_MAP_API_KEY);
   const [changed, setChanged] = useState(false);
   const [value, setValue] = useState("");
   const [prediction, setPrediction] = useState<predictionType[]>([]);
@@ -80,7 +78,7 @@ export const Locator: React.FC<LocatorProps> = ({
       borderRadius: 10,
       marginBottom: 10,
       width: "100%",
-      zIndex: 20,
+      zIndex: 1000,
       marginTop: float ? 2 : "15@ms",
       top: float ? "100%" : undefined,
       position: float ? "absolute" : "relative",
@@ -160,7 +158,7 @@ export const Locator: React.FC<LocatorProps> = ({
   }, [GOOGLE_MAP_API_KEY]);
 
   return (
-    <View style={{ zIndex: 10 }}>
+    <View style={{ zIndex: 100 }}>
       {renderInput ? (
         renderInput({
           onFocus: () => search(value),

package/src/types.ts

@@ -120,7 +120,7 @@ export interface LinkButtonProps {
   style?: ViewStyle;
   color?: colorTypes;
   fontSize?: number;
-  fontWeight: string;
+  fontWeight?: string;
   disabled?: boolean;
   onPress?: () => void;
 }