From 7d355aca89b4cb92645d2dfa7304675ae60b4fb2 Mon Sep 17 00:00:00 2001
From: wiktorrudzki <wiktor1rudzki@gmail.com>
Date: Sat, 13 Jan 2024 17:48:36 +0100
Subject: [PATCH] theme app

---
 .../Windows/UUS/State/_active.uusver          |   1 +
 .eslintrc.js                                  |   2 +-
 .gitignore                                    |   1 +
 App.tsx                                       |  21 +++--
 README.md                                     |  10 +++
 app.json                                      |   9 ++
 package.json                                  |   1 +
 readme/themeUsage.png                         | Bin 0 -> 10111 bytes
 readme/themedColors.png                       | Bin 0 -> 7151 bytes
 src/components/.placeholder                   |   0
 src/components/SwitchTheme.tsx                |  12 +++
 src/components/index.ts                       |   2 +
 src/hooks/.placeholder                        |   0
 src/hooks/index.ts                            |   1 +
 src/hooks/useTheme.tsx                        |  84 ++++++++++++++++++
 src/types/.placeholder                        |   0
 src/types/theme.ts                            |   5 ++
 style.ts                                      |  10 ++-
 yarn.lock                                     |  19 ++++
 19 files changed, 168 insertions(+), 10 deletions(-)
 create mode 100644 %ProgramData%/Microsoft/Windows/UUS/State/_active.uusver
 create mode 100644 readme/themeUsage.png
 create mode 100644 readme/themedColors.png
 delete mode 100644 src/components/.placeholder
 create mode 100644 src/components/SwitchTheme.tsx
 create mode 100644 src/components/index.ts
 delete mode 100644 src/hooks/.placeholder
 create mode 100644 src/hooks/index.ts
 create mode 100644 src/hooks/useTheme.tsx
 delete mode 100644 src/types/.placeholder
 create mode 100644 src/types/theme.ts

diff --git a/%ProgramData%/Microsoft/Windows/UUS/State/_active.uusver b/%ProgramData%/Microsoft/Windows/UUS/State/_active.uusver
new file mode 100644
index 0000000..62b203c
--- /dev/null
+++ b/%ProgramData%/Microsoft/Windows/UUS/State/_active.uusver
@@ -0,0 +1 @@
+1213.2310.20012.0
\ No newline at end of file
diff --git a/.eslintrc.js b/.eslintrc.js
index 023dd08..543c72b 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -35,7 +35,7 @@ module.exports = {
     'react-hooks/exhaustive-deps': 'warn',
     'simple-import-sort/imports': 'warn',
     'simple-import-sort/exports': 'warn',
-    indent: ['warn', 2],
+    indent: ['warn', 2, { SwitchCase: 1 }],
     quotes: ['warn', 'single'],
     semi: ['warn', 'always'],
   },
diff --git a/.gitignore b/.gitignore
index 05647d5..a72314d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,6 +2,7 @@
 
 # dependencies
 node_modules/
+yarn.lock
 
 # Expo
 .expo/
diff --git a/App.tsx b/App.tsx
index b8f7370..bed543d 100644
--- a/App.tsx
+++ b/App.tsx
@@ -1,20 +1,27 @@
 import { StatusBar } from 'expo-status-bar';
 import { StyleSheet, Text, View } from 'react-native';
-import { globalStyles } from 'style';
+
+import { PrimaryButton, SwitchTheme } from '@/components';
+import { ThemeProvider } from '@/hooks';
 
 const App = () => {
   return (
-    <View style={styles.container}>
-      <Text>Open up App.tsx to start working on your app!</Text>
-      <StatusBar style="auto" />
-    </View>
+    <ThemeProvider>
+      <View style={styles.container}>
+        <Text>Open up App.tsx to start working on your app!</Text>
+        <StatusBar style="auto" />
+        <SwitchTheme />
+        <PrimaryButton onPress={() => {}} title="dasdsa" />
+      </View>
+    </ThemeProvider>
   );
 };
 
 const styles = StyleSheet.create({
   container: {
-    ...globalStyles.horizontalFlex,
-    ...globalStyles.centerFlex,
+    color: 'red',
+    height: '100%',
+    width: '100%',
     backgroundColor: 'white',
     alignItems: 'center',
     justifyContent: 'center',
diff --git a/README.md b/README.md
index 543a975..1bae7d1 100644
--- a/README.md
+++ b/README.md
@@ -30,6 +30,16 @@
 
 `You should declare all reusable stylings there`
 
+## Theming
+
+![themed colors example](./readme/themedColors.png)
+
+### Example of how do we declare colors for different themes
+
+![usage of themes](./readme/themeUsage.png)
+
+### Example of how do we use themes in component
+
 ## Form
 
 ### When we want to create form, we use external library called _react-hook-form_
diff --git a/app.json b/app.json
index 0c595bc..1d5ad68 100644
--- a/app.json
+++ b/app.json
@@ -30,6 +30,15 @@
     },
     "web": {
       "favicon": "./assets/favicon.png"
+    },
+    "expo": {
+      "userInterfaceStyle": "automatic",
+      "ios": {
+        "userInterfaceStyle": "automatic"
+      },
+      "android": {
+        "userInterfaceStyle": "automatic"
+      }
     }
   }
 }
diff --git a/package.json b/package.json
index 489223c..f452873 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "lint": "eslint --ext .js,.jsx,.ts,.tsx"
   },
   "dependencies": {
+    "@react-native-async-storage/async-storage": "^1.21.0",
     "@react-native/metro-config": "^0.73.3",
     "expo": "~49.0.15",
     "expo-status-bar": "~1.6.0",
diff --git a/readme/themeUsage.png b/readme/themeUsage.png
new file mode 100644
index 0000000000000000000000000000000000000000..42b2bbcfc88980c970ee1e56441b5bbe819336e0
GIT binary patch
literal 10111
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
E0$C?v`v3p{

literal 0
HcmV?d00001

diff --git a/readme/themedColors.png b/readme/themedColors.png
new file mode 100644
index 0000000000000000000000000000000000000000..e15e95accae2436c7056f3f2c67c028650696ffc
GIT binary patch
literal 7151
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
MsxMWllq|#k1=e!X{Qv*}

literal 0
HcmV?d00001

diff --git a/src/components/.placeholder b/src/components/.placeholder
deleted file mode 100644
index e69de29..0000000
diff --git a/src/components/SwitchTheme.tsx b/src/components/SwitchTheme.tsx
new file mode 100644
index 0000000..a199af9
--- /dev/null
+++ b/src/components/SwitchTheme.tsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import { Switch } from 'react-native';
+
+import { useTheme } from '@/hooks';
+
+const SwitchTheme = () => {
+  const { theme, switchTheme } = useTheme();
+
+  return <Switch value={theme === 'dark'} onChange={switchTheme} />;
+};
+
+export default SwitchTheme;
diff --git a/src/components/index.ts b/src/components/index.ts
new file mode 100644
index 0000000..946e549
--- /dev/null
+++ b/src/components/index.ts
@@ -0,0 +1,2 @@
+export { default as PrimaryButton } from './PrimaryButton';
+export { default as SwitchTheme } from './SwitchTheme';
diff --git a/src/hooks/.placeholder b/src/hooks/.placeholder
deleted file mode 100644
index e69de29..0000000
diff --git a/src/hooks/index.ts b/src/hooks/index.ts
new file mode 100644
index 0000000..7baad7d
--- /dev/null
+++ b/src/hooks/index.ts
@@ -0,0 +1 @@
+export * from './useTheme';
diff --git a/src/hooks/useTheme.tsx b/src/hooks/useTheme.tsx
new file mode 100644
index 0000000..6bad2d4
--- /dev/null
+++ b/src/hooks/useTheme.tsx
@@ -0,0 +1,84 @@
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import React, { useContext, useEffect, useState } from 'react';
+import { useColorScheme } from 'react-native';
+import { darkColors, lightColors } from 'style';
+
+import { isTypeOfTheme, Theme, THEMES } from '@/types/theme';
+
+type Props = {
+  children: React.ReactNode;
+};
+
+type Context = {
+  theme: Theme;
+  themedStyles: Record<string, string>;
+  switchTheme: () => void;
+};
+
+const ThemeContext = React.createContext<Context | undefined>(undefined);
+
+const getThemedStyles = (theme: Theme): Record<string, string> => {
+  switch (theme) {
+    case 'dark':
+      return darkColors;
+    case 'light':
+      return lightColors;
+    default:
+      return lightColors;
+  }
+};
+
+export const ThemeProvider = ({ children }: Props) => {
+  const colorScheme = useColorScheme();
+
+  const [theme, setTheme] = useState<Theme>(
+    isTypeOfTheme(colorScheme) ? colorScheme : THEMES[0],
+  );
+
+  const switchTheme = () => {
+    const newTheme = theme === 'dark' ? 'light' : 'dark';
+
+    setTheme(newTheme);
+
+    AsyncStorage.setItem('theme', newTheme);
+  };
+
+  useEffect(() => {
+    // Load saved theme from storage
+    console.log('xd');
+    const getTheme = async () => {
+      try {
+        const savedTheme = await AsyncStorage.getItem('theme');
+        if (savedTheme && isTypeOfTheme(savedTheme)) {
+          setTheme(savedTheme);
+        }
+      } catch (error) {
+        // TODO - log error to db?
+      }
+    };
+
+    getTheme();
+  }, []);
+
+  const themedStyles = getThemedStyles(theme);
+
+  const value: Context = {
+    theme,
+    themedStyles,
+    switchTheme,
+  };
+
+  return (
+    <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>
+  );
+};
+
+export const useTheme = () => {
+  const context = useContext(ThemeContext);
+
+  if (!context) {
+    throw new Error('use Theme must be used within provider');
+  }
+
+  return context;
+};
diff --git a/src/types/.placeholder b/src/types/.placeholder
deleted file mode 100644
index e69de29..0000000
diff --git a/src/types/theme.ts b/src/types/theme.ts
new file mode 100644
index 0000000..d44ab87
--- /dev/null
+++ b/src/types/theme.ts
@@ -0,0 +1,5 @@
+export const THEMES = ['light', 'dark'] as const;
+export type Theme = (typeof THEMES)[number];
+
+export const isTypeOfTheme = (value: any): value is Theme =>
+  THEMES.includes(value);
diff --git a/style.ts b/style.ts
index d36a146..c79ba8c 100644
--- a/style.ts
+++ b/style.ts
@@ -1,6 +1,6 @@
 import { StyleSheet } from 'react-native';
 
-const globalStyles = StyleSheet.create({
+export const globalStyles = StyleSheet.create({
   verticalFlex: {
     display: 'flex',
     flexDirection: 'column',
@@ -14,4 +14,10 @@ const globalStyles = StyleSheet.create({
   },
 });
 
-export { globalStyles };
+export const darkColors = {
+  primary: 'blue',
+};
+
+export const lightColors = {
+  primary: 'green',
+};
diff --git a/yarn.lock b/yarn.lock
index e828b0f..b352261 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1787,6 +1787,13 @@
   resolved "https://registry.yarnpkg.com/@pkgr/core/-/core-0.1.0.tgz#7d8dacb7fdef0e4387caf7396cbd77f179867d06"
   integrity sha512-Zwq5OCzuwJC2jwqmpEQt7Ds1DTi6BWSwoGkbb1n9pO3hzb35BoJELx7c0T23iDkBGkh2e7tvOtjF3tr3OaQHDQ==
 
+"@react-native-async-storage/async-storage@^1.21.0":
+  version "1.21.0"
+  resolved "https://registry.yarnpkg.com/@react-native-async-storage/async-storage/-/async-storage-1.21.0.tgz#d7e370028e228ab84637016ceeb495878b7a44c8"
+  integrity sha512-JL0w36KuFHFCvnbOXRekqVAUplmOyT/OuCQkogo6X98MtpSaJOKEAeZnYO8JB0U/RIEixZaGI5px73YbRm/oag==
+  dependencies:
+    merge-options "^3.0.4"
+
 "@react-native-community/cli-clean@11.3.7":
   version "11.3.7"
   resolved "https://registry.yarnpkg.com/@react-native-community/cli-clean/-/cli-clean-11.3.7.tgz#cb4c2f225f78593412c2d191b55b8570f409a48f"
@@ -5980,6 +5987,11 @@ is-path-inside@^3.0.2, is-path-inside@^3.0.3:
   resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
   integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
 
+is-plain-obj@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-2.1.0.tgz#45e42e37fccf1f40da8e5f76ee21515840c09287"
+  integrity sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==
+
 is-plain-obj@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-3.0.0.tgz#af6f2ea14ac5a646183a5bbdb5baabbc156ad9d7"
@@ -6712,6 +6724,13 @@ merge-descriptors@1.0.1:
   resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
   integrity sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==
 
+merge-options@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/merge-options/-/merge-options-3.0.4.tgz#84709c2aa2a4b24c1981f66c179fe5565cc6dbb7"
+  integrity sha512-2Sug1+knBjkaMsMgf1ctR1Ujx+Ayku4EdJN4Z+C2+JzoeF7A3OZ9KM2GY0CpQS51NR61LTurMJrRKPhSs3ZRTQ==
+  dependencies:
+    is-plain-obj "^2.1.0"
+
 merge-stream@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"