[ABANDONED] React/Redux front end for the Flexor social network.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

58 lines
2.0 KiB

5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
4 years ago
5 years ago
4 years ago
5 years ago
  1. // index.ts
  2. // Copyright (C) 2020 Dwayne Harris
  3. // This program is free software: you can redistribute it and/or modify
  4. // it under the terms of the GNU General Public License as published by
  5. // the Free Software Foundation, either version 3 of the License, or
  6. // (at your option) any later version.
  7. // This program is distributed in the hope that it will be useful,
  8. // but WITHOUT ANY WARRANTY; without even the implied warranty of
  9. // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  10. // GNU General Public License for more details.
  11. // You should have received a copy of the GNU General Public License
  12. // along with this program. If not, see <https://www.gnu.org/licenses/>.
  13. import { useEffect, useRef, EffectCallback } from 'react'
  14. import { useSelector } from 'react-redux'
  15. import { useHistory } from 'react-router-dom'
  16. import isEqual from 'lodash/isEqual'
  17. import { getAuthenticated, getChecked, getAuthenticatedUser } from '../selectors/authentication'
  18. import { getTheme } from '../selectors/theme'
  19. export const useAuthenticationCheck = () => {
  20. const checked = useSelector(getChecked)
  21. const authenticated = useSelector(getAuthenticated)
  22. const history = useHistory()
  23. useEffect(() => {
  24. if (checked && !authenticated) history.push('/login')
  25. }, [checked, authenticated])
  26. }
  27. const useDeepCompareMemoize = (value: any) => {
  28. const ref = useRef()
  29. if (!isEqual(value, ref.current)) {
  30. ref.current = value
  31. }
  32. return ref.current
  33. }
  34. export const useDeepCompareEffect = (callback: EffectCallback, deps?: readonly any[] | undefined) => {
  35. useEffect(callback, useDeepCompareMemoize(deps))
  36. }
  37. export const useTheme = () => useSelector(getTheme)
  38. export function useSetting<T>(key: string): T | undefined
  39. export function useSetting<T>(key: string, defaultValue: T): T
  40. export function useSetting<T>(key: string, defaultValue?: T): T | undefined {
  41. const user = useSelector(getAuthenticatedUser)
  42. if (!user || !user.settings) return defaultValue
  43. return user.settings[key] ?? defaultValue
  44. }