From 569bdb8c5d7538fa0ea8a99ff2f8376f7cbfa51a Mon Sep 17 00:00:00 2001 From: piotrruss Date: Mon, 6 Sep 2021 23:13:22 +0200 Subject: added stadard linter --- hooks/useApps.js | 4 ++-- hooks/useMediaQuery.js | 20 ++++++++++---------- hooks/usePopup.js | 25 ++++++++++++------------- hooks/useSettings.js | 14 +++++++------- hooks/useUser.js | 8 +++----- 5 files changed, 34 insertions(+), 37 deletions(-) (limited to 'hooks') 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 ( - + {children} ) 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 ( - - {children} - - ) + return ( + + {children} + + ) } 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 ( - + {children} ) 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 } } -- cgit v1.2.3