Merge pull request #25 from nicosh/dev

Dev

Author: nicosh

src/components/context/appContext.js

@@ -5,16 +5,18 @@ export const AppContext = React.createContext(null)
 
 export function AppProvider({ children, ...rest }) {
     let currentTheme = "light";
-    chrome.storage.local.get('theme', (thm) => currentTheme = thm.theme);
-    const [history,setHistory] = useState([])
-    const [theme,setTheme] = useState(currentTheme)
+    const [history, setHistory] = useState([])
+    const [theme, setTheme] = useState(currentTheme)
 
-    useEffect(()=>{
-        document.body.classList.add(currentTheme);
-    },[])
+    useEffect(() => {
+        chrome.storage.local.get('theme', (thm) => {
+            setTheme(thm.theme ? thm.theme : currentTheme)
+            document.body.classList.add(thm.theme ? thm.theme : currentTheme);
+        });
+    }, [])
 
-    const loadHistory = (string="",nResults=10)=>{
-        chrome.history.search({text: string,startTime : 0,maxResults : nResults},(history)=>{
+    const loadHistory = (string = "", nResults = 10) => {
+        chrome.history.search({ text: string, startTime: 0, maxResults: nResults }, (history) => {
             setHistory(history)
         })
     }
@@ -23,11 +25,11 @@ export function AppProvider({ children, ...rest }) {
         let newTheme = theme === "light" ? "dark" : "light"
         document.body.classList.add(newTheme);
         document.body.classList.remove(theme);
-        chrome.storage.local.set({'theme': newTheme});
+        chrome.storage.local.set({ 'theme': newTheme });
         setTheme(newTheme)
     }
 
-    const options={
+    const options = {
         history,
         loadHistory,
         theme,
@@ -38,9 +40,9 @@ export function AppProvider({ children, ...rest }) {
             {children}
         </AppContext.Provider>
     )
- }
+}
 
- export function useApp() {
+export function useApp() {
     const value = useContext(AppContext)
     return value
 }