aboutsummaryrefslogtreecommitdiffstats
path: root/hooks
diff options
context:
space:
mode:
Diffstat (limited to 'hooks')
-rw-r--r--hooks/useApps.js4
-rw-r--r--hooks/useMediaQuery.js20
-rw-r--r--hooks/usePopup.js25
-rw-r--r--hooks/useSettings.js14
-rw-r--r--hooks/useUser.js8
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 }
}