Spaces:
Paused
Paused
File size: 3,021 Bytes
3c3f089 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 |
import { createSlice } from "@reduxjs/toolkit";
import { RootState } from "../store";
import axios from "axios";
import {
GoogleAuthInput,
GithubAuthInput,
} from "../../graphql/generated/graphql";
import { IronSessionData } from "iron-session";
export type OauthProvider = "google" | "github";
export type OauthInput = GoogleAuthInput | GithubAuthInput;
type InitialStateType = {
user: IronSessionData["user"] | null;
errors: any;
isLoadingLogin: boolean;
isLoadingLogout: boolean;
};
const initialState = {
user: {
isLoggedIn: false,
data: {
id: "",
email: "",
username: "",
avatar: undefined,
bio: undefined,
website: undefined,
verifiedAt: undefined,
createdAt: undefined,
updatedAt: undefined,
},
token: undefined,
status: false,
},
errors: null,
isLoadingLogin: false,
isLoadingLogout: false,
};
export const authSlice = createSlice({
name: "auth",
initialState: initialState,
reducers: {
set_initial_user: (state: InitialStateType, { payload }) => {
state.user = payload;
state.errors = null;
},
with_oauth: (state: InitialStateType) => {
state.isLoadingLogin = true;
},
with_oauth_success: (state: InitialStateType, { payload }) => {
state.isLoadingLogin = false;
state.user = payload;
state.errors = null;
},
with_oauth_failure: (state: InitialStateType, { payload }) => {
state.isLoadingLogin = false;
state.user = null;
state.errors = payload;
},
logout_user: (state: InitialStateType) => {
state.isLoadingLogout = true;
},
logout_user_success: (state: InitialStateType) => {
state.isLoadingLogout = false;
state.user = null;
state.errors = null;
},
logout_user_failure: (state: InitialStateType, { payload }) => {
state.isLoadingLogout = false;
state.errors = payload;
},
},
});
export const {
set_initial_user,
with_oauth,
with_oauth_success,
with_oauth_failure,
logout_user,
logout_user_success,
logout_user_failure,
} = authSlice.actions;
export const auth_state = (state: RootState) => state.auth;
export default authSlice.reducer;
export function withOauth(input: OauthInput, provider: OauthProvider) {
return async (dispatch: any) => {
dispatch(with_oauth());
try {
const res = await axios.post(`/api/oauth/${provider}`, input);
if (res.data.status) {
dispatch(with_oauth_success(res.data));
return;
}
dispatch(with_oauth_failure(res.data.message));
return res.data;
} catch (err) {
// @ts-ignore
dispatch(with_oauth_failure(err.message));
}
};
}
export function logout() {
return async (dispatch: any) => {
dispatch(logout_user());
try {
axios.post("/api/logout").then(() => {
dispatch(logout_user_success());
});
} catch (err) {
// @ts-ignore
dispatch(logout_user_failure(err.message));
}
};
}
|