@modhamanish/rn-mm-template 1.0.1 → 1.0.2

package/MMTemplate/src/context/ThemeContext.tsx

@@ -9,6 +9,7 @@ import {
 } from 'react';
 import { darkTheme, lightTheme, ThemeType } from '../theme/Colors';
 import { EdgeInsets, useSafeAreaInsets } from 'react-native-safe-area-context';
+import storageHelper from '../utils/storageHelper';
 
 export type ThemeContextType = {
   colors: ThemeType['colors'];
@@ -31,6 +32,11 @@ export const ThemeProvider: FC<ThemeProviderProps> = ({ children }) => {
     lightTheme.colors,
   );
 
+  useEffect(() => {
+    const theme = storageHelper.getItem(storageHelper.STORAGE_KEYS.THEME);
+    setCurrentTheme(theme === 'dark' ? 'dark' : 'light');
+  }, []);
+
   useEffect(() => {
     if (currentTheme === 'dark') {
       setColors(darkTheme.colors);
@@ -40,7 +46,15 @@ export const ThemeProvider: FC<ThemeProviderProps> = ({ children }) => {
   }, [currentTheme]);
 
   const toggleTheme = useCallback(() => {
-    setCurrentTheme(prev => (prev === 'dark' ? 'light' : 'dark'));
+    setCurrentTheme(prev => {
+      if (prev === 'dark') {
+        storageHelper.saveItem(storageHelper.STORAGE_KEYS.THEME, 'light');
+        return 'light';
+      } else {
+        storageHelper.saveItem(storageHelper.STORAGE_KEYS.THEME, 'dark');
+        return 'dark';
+      }
+    });
   }, []);
 
   return (

package/MMTemplate/src/utils/storageHelper.ts

@@ -5,6 +5,7 @@ export const storage = createMMKV();
 enum STORAGE_KEYS {
   USER = 'user',
   LANGUAGE = 'language',
+  THEME = 'theme',
 }
 
 const saveItem = (key: STORAGE_KEYS, value: string) => {

package/README.md

@@ -7,7 +7,7 @@ Welcome to **MMTemplate**! This is a robust and modern React Native template bui
 To initialize a new project using this template, run the following command:
 
 ```bash
-npx @react-native-community/cli@latest init AwesomeProject --template https://github.com/modhamanish/mm-template
+npx @react-native-community/cli@latest init AwesomeProject --template @modhamanish/rn-mm-template
 ```
 
 Replace `AwesomeProject` with your desired project name.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modhamanish/rn-mm-template",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "A robust and modern React Native template built with TypeScript, designed to jumpstart your mobile application development.",
   "repository": "https://github.com/modhamanish/mm-template.git",
   "author": "Manish Modha",