@hoddy-ui/core 2.5.22 → 2.5.24

package/package.json

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

package/src/hooks.ts

@@ -1,9 +1,8 @@
 import { useContext } from "react";
-import { Dimensions, Platform } from "react-native";
-import { vs } from "react-native-size-matters";
+import { Platform, useColorScheme } from "react-native";
 import { UIThemeContext } from "./theme";
 import colors from "./theme/colors";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { ThemeModes, ThemeTypes } from "./types";
 
 export const useColors = () => {
   const { themeState } = useContext(UIThemeContext);
@@ -14,14 +13,26 @@ export const useTheme = () => {
   const { themeState } = useContext(UIThemeContext);
   return themeState.value;
 };
+
+export const useThemeContext = () => {
+  const { themeState: theme, themeDispatch } = useContext(UIThemeContext);
+  const colorScheme: ThemeTypes = useColorScheme()!;
+
+  const setTheme = (theme: ThemeModes) => {
+    if (theme === "default") {
+      themeDispatch?.({ type: "default", payload: colorScheme });
+    } else {
+      themeDispatch?.({ type: theme });
+    }
+  };
+  return { theme, setTheme };
+};
+
 export const useNavScreenOptions = (type: "stack" | "tab" | "drawer") => {
   const colors = useColors();
-  const { bottom } = useSafeAreaInsets();
-  const theme = useTheme();
   const options: any = {
     stack: {
       headerShown: false,
-
       headerStyle: {
         backgroundColor: colors.white[1],
       },

package/src/types.ts

@@ -55,7 +55,7 @@ export interface ThemeState {
 
 export interface ThemeContext {
   themeState: ThemeState;
-  themeDispatch?: any;
+  themeDispatch?: (action: ThemeActionTypes) => void;
 }
 export interface ThemeProviderProps {
   children: ReactNode;