From d9e65dceb38cdb8dc4e464d388755f9456620566 Mon Sep 17 00:00:00 2001
From: Fabian Mastenbroek <mail.fabianm@gmail.com>
Date: Sun, 16 May 2021 17:07:58 +0200
Subject: ui: Restructure OpenDC frontend

This change updates the structure of the OpenDC frontend in order to
improve the maintainability of the frontend.
---
 opendc-web/opendc-web-ui/src/auth.js | 83 ++++++++++++++++++++++++++++++++++++
 1 file changed, 83 insertions(+)
 create mode 100644 opendc-web/opendc-web-ui/src/auth.js

(limited to 'opendc-web/opendc-web-ui/src/auth.js')

diff --git a/opendc-web/opendc-web-ui/src/auth.js b/opendc-web/opendc-web-ui/src/auth.js
new file mode 100644
index 00000000..faed9829
--- /dev/null
+++ b/opendc-web/opendc-web-ui/src/auth.js
@@ -0,0 +1,83 @@
+import { LOG_IN_SUCCEEDED, LOG_OUT } from './redux/actions/auth'
+import { DELETE_CURRENT_USER_SUCCEEDED } from './redux/actions/users'
+import { useEffect, useState } from 'react'
+import { useRouter } from 'next/router'
+import { useSelector } from 'react-redux'
+
+const getAuthObject = () => {
+    const authItem = global.localStorage && localStorage.getItem('auth')
+    if (!authItem || authItem === '{}') {
+        return undefined
+    }
+    return JSON.parse(authItem)
+}
+
+export const userIsLoggedIn = () => {
+    const authObj = getAuthObject()
+
+    if (!authObj || !authObj.googleId) {
+        return false
+    }
+
+    const currentTime = new Date().getTime()
+    return parseInt(authObj.expiresAt, 10) - currentTime > 0
+}
+
+export const getAuthToken = () => {
+    const authObj = getAuthObject()
+    if (!authObj) {
+        return undefined
+    }
+
+    return authObj.authToken
+}
+
+export const saveAuthLocalStorage = (payload) => {
+    localStorage.setItem('auth', JSON.stringify(payload))
+}
+
+export const clearAuthLocalStorage = () => {
+    localStorage.setItem('auth', '')
+}
+
+export const authRedirectMiddleware = (store) => (next) => (action) => {
+    switch (action.type) {
+        case LOG_IN_SUCCEEDED:
+            saveAuthLocalStorage(action.payload)
+            window.location.href = '/projects'
+            break
+        case LOG_OUT:
+        case DELETE_CURRENT_USER_SUCCEEDED:
+            clearAuthLocalStorage()
+            window.location.href = '/'
+            break
+        default:
+            next(action)
+            return
+    }
+
+    next(action)
+}
+
+export function useIsLoggedIn() {
+    const [isLoggedIn, setLoggedIn] = useState(false)
+
+    useEffect(() => {
+        setLoggedIn(userIsLoggedIn())
+    }, [])
+
+    return isLoggedIn
+}
+
+export function useRequireAuth() {
+    const router = useRouter()
+    useEffect(() => {
+        if (!userIsLoggedIn()) {
+            router.replace('/')
+        }
+    })
+}
+
+export function useUser() {
+    return useSelector((state) => state.auth)
+}
-- 
cgit v1.2.3