diff options
Diffstat (limited to 'hooks')
-rw-r--r-- | hooks/useApps.js | 4 | ||||
-rw-r--r-- | hooks/useMediaQuery.js | 20 | ||||
-rw-r--r-- | hooks/usePopup.js | 25 | ||||
-rw-r--r-- | hooks/useSettings.js | 14 | ||||
-rw-r--r-- | hooks/useUser.js | 8 |
5 files changed, 34 insertions, 37 deletions
diff --git a/hooks/useApps.js b/hooks/useApps.js index babf712..bd65d9f 100644 --- a/hooks/useApps.js +++ b/hooks/useApps.js @@ -2,11 +2,11 @@ import React, { createContext, useState, useContext } from 'react' const AppsContext = createContext() -export const AppsProvider = ({children}) => { +export const AppsProvider = ({ children }) => { const [apps, setApps] = useState([]) return ( - <AppsContext.Provider value={{apps, setApps}}> + <AppsContext.Provider value={{ apps, setApps }}> {children} </AppsContext.Provider> ) diff --git a/hooks/useMediaQuery.js b/hooks/useMediaQuery.js index 1adb499..1dc752a 100644 --- a/hooks/useMediaQuery.js +++ b/hooks/useMediaQuery.js @@ -1,19 +1,19 @@ -import { useState, useEffect } from "react"; +import { useState, useEffect } from 'react' const useMediaQuery = (query) => { - const [matches, setMatches] = useState(false); + const [matches, setMatches] = useState(false) useEffect(() => { - const media = window.matchMedia(query); + const media = window.matchMedia(query) if (media.matches !== matches) { - setMatches(media.matches); + setMatches(media.matches) } - const listener = () => setMatches(media.matches); - window.addEventListener("resize", listener); - return () => window.removeEventListener("resize", listener); - }, [matches, query]); + const listener = () => setMatches(media.matches) + window.addEventListener('resize', listener) + return () => window.removeEventListener('resize', listener) + }, [matches, query]) - return matches; + return matches } -export default useMediaQuery; +export default useMediaQuery diff --git a/hooks/usePopup.js b/hooks/usePopup.js index 615d403..c1fca19 100644 --- a/hooks/usePopup.js +++ b/hooks/usePopup.js @@ -3,35 +3,34 @@ import Queue from 'helpers/queue' const PopupContext = createContext() -export const PopupProvider = ({children}) => { +export const PopupProvider = ({ children }) => { const [popupData, setPopupData] = useState() const setPopup = p => { Queue.enqueue( () => - new Promise(r => { + new Promise(resolve => { if (p.time) { setPopupData(p) setTimeout(() => { - r(setPopupData()); - }, p.time); + resolve(setPopupData()) + }, p.time) } else { setPopupData({ ...p, - ...(p.yes && {yes: {label: p.yes.label, action: () => p.yes.action().then(() => r(setPopupData()))}}), - ...(p.no && {no: {label: p.no.label, action: () => p.no.action().then(() => {r(setPopupData())})}}), + ...(p.yes && { yes: { label: p.yes.label, action: () => p.yes.action().then(() => resolve(setPopupData())) } }), + ...(p.no && { no: { label: p.no.label, action: () => p.no.action().then(() => { resolve(setPopupData()) }) } }) }) } }) - ); - + ) } - return ( - <PopupContext.Provider value={{popupData, setPopup}}> - {children} - </PopupContext.Provider> - ) + return ( + <PopupContext.Provider value={{ popupData, setPopup }}> + {children} + </PopupContext.Provider> + ) } const usePopup = () => useContext(PopupContext) diff --git a/hooks/useSettings.js b/hooks/useSettings.js index 90ee72d..44f5956 100644 --- a/hooks/useSettings.js +++ b/hooks/useSettings.js @@ -3,14 +3,14 @@ import translations from 'configs/translations' import useUser from 'hooks/useUser' const SettingsContext = createContext() +const defaultSettings = { theme: 'green', language: 'en' } -export const SettingsProvider = ({children}) => { - const defaultSettings = {theme: 'green', language: 'en'} - const {user} = useUser() +export const SettingsProvider = ({ children }) => { + const { user } = useUser() const [data, setData] = useState() const setSettings = s => { - if (typeof window !== "undefined") { + if (typeof window !== 'undefined') { window.localStorage.setItem('loggedOutSettings', JSON.stringify(s(data))) } setData(s) @@ -26,8 +26,8 @@ export const SettingsProvider = ({children}) => { const loggedOutSettings = JSON.parse(localStorage.getItem('loggedOutSettings')) if (user && user.isLoggedIn) { - const settings = {theme: user.theme, language: user.language} - if (typeof window !== "undefined") { + const settings = { theme: user.theme, language: user.language } + if (typeof window !== 'undefined') { window.localStorage.setItem('loggedOutSettings', JSON.stringify(settings)) } setData(settings) @@ -39,7 +39,7 @@ export const SettingsProvider = ({children}) => { }, [user]) return ( - <SettingsContext.Provider value={{settings: data, setSettings, t}}> + <SettingsContext.Provider value={{ settings: data, setSettings, t }}> {children} </SettingsContext.Provider> ) diff --git a/hooks/useUser.js b/hooks/useUser.js index 16833aa..ff2ab61 100644 --- a/hooks/useUser.js +++ b/hooks/useUser.js @@ -2,10 +2,10 @@ import { useEffect } from 'react' import Router from 'next/router' import useSWR from 'swr' -export default function useUser({ +export default function useUser ({ redirectToLogin = false, redirectToVerify = false, - redirectToApps = false, + redirectToApps = false } = {}) { const { data: user, mutate: mutateUser } = useSWR('/api/user') @@ -25,9 +25,7 @@ export default function useUser({ ) { Router.push('/') } - - return }, [user, redirectToLogin, redirectToVerify, redirectToApps]) - return {user, mutateUser} + return { user, mutateUser } } |