-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'main' into feature/translate
- Loading branch information
Showing
10 changed files
with
344 additions
and
160 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,99 @@ | ||
| import React, { createContext, useState, useContext, useEffect } from 'react'; | ||
| import AsyncStorage from '@react-native-async-storage/async-storage'; | ||
|
|
||
| import { authService } from '../services/authService'; | ||
| import { AuthData, JoinData } from '../types'; | ||
|
|
||
| interface AuthContextData { | ||
| authData?: AuthData; | ||
| loading: boolean; | ||
| signUp(data: JoinData): Promise<void>; | ||
| signIn(accessToken: string): Promise<void>; | ||
| signOut(): void; | ||
| }; | ||
|
|
||
| // Create the Auth Context with the data type specified | ||
| // and a empty object | ||
| const AuthContext = createContext<AuthContextData>({} as AuthContextData); | ||
|
|
||
| const AuthProvider: React.FC = ({ children }) => { | ||
| const [authData, setAuthData] = useState<AuthData>(); | ||
|
|
||
| // the AuthContext start with loading equals true | ||
| // and stay like this, until the data be load from Async Storage | ||
| const [loading, setLoading] = useState(true); | ||
|
|
||
| useEffect(() => { | ||
| // Every time the App is opened, this provider is rendered | ||
| // and call de loadStorage function. | ||
| loadStorageData(); | ||
| }, []); | ||
|
|
||
| async function loadStorageData(): Promise<void> { | ||
| try { | ||
| //Try get the data from Async Storage | ||
| const authDataSerialized = await AsyncStorage.getItem('@AuthData'); | ||
| if (authDataSerialized) { | ||
| //If there are data, it's converted to an Object and the state is updated. | ||
| const _authData: AuthData = JSON.parse(authDataSerialized); | ||
| setAuthData(_authData); | ||
| } | ||
| } catch (error) { | ||
| } finally { | ||
| // loading finished | ||
| setLoading(false); | ||
| } | ||
| } | ||
|
|
||
| const signUp = async (data: JoinData) => { | ||
| const _authData = await authService.signUp(data); | ||
|
|
||
| setAuthData(_authData); | ||
|
|
||
| AsyncStorage.setItem('@AuthData', JSON.stringify(_authData)); | ||
| }; | ||
|
|
||
| const signIn = async (accessToken: string) => { | ||
| const _authData = await authService.signIn(accessToken); | ||
|
|
||
| // Set the data in the context, so the App can be notified | ||
| // and send the user to the AuthStack | ||
| setAuthData(_authData); | ||
|
|
||
| // Persist the data in the Async Storage | ||
| // to be recovered in the next user session. | ||
| AsyncStorage.setItem('@AuthData', JSON.stringify(_authData)); | ||
| }; | ||
|
|
||
| const signOut = async () => { | ||
| // Remove data from context, so the App can be notified | ||
| // and send the user to the AuthStack | ||
| setAuthData(undefined); | ||
|
|
||
| // Remove the data from Async Storage | ||
| // to NOT be recoverede in next session. | ||
| await AsyncStorage.removeItem('@AuthData'); | ||
| }; | ||
|
|
||
| return ( | ||
| // This component will be used to encapsulate the whole App, | ||
| // so all components will have access to the Context | ||
| <AuthContext.Provider value={{authData, loading, signUp, signIn, signOut}}> | ||
| {children} | ||
| </AuthContext.Provider> | ||
| ); | ||
| }; | ||
|
|
||
| // A simple hooks to facilitate the access to the AuthContext | ||
| // and permit components to subscribe to AuthContext updates | ||
| function useAuth(): AuthContextData { | ||
| const context = useContext(AuthContext); | ||
|
|
||
| if (!context) { | ||
| throw new Error('useAuth must be used within an AuthProvider'); | ||
| } | ||
|
|
||
| return context; | ||
| } | ||
|
|
||
| export {AuthContext, AuthProvider, useAuth}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.