Compare commits
No commits in common. "feature-refresh-token" and "main" have entirely different histories.
feature-re
...
main
4 changed files with 37 additions and 142 deletions
|
|
@ -32,15 +32,11 @@ export function AuthContextProvider({ children }: AuthContextProviderProps) {
|
||||||
setUser(userData);
|
setUser(userData);
|
||||||
}
|
}
|
||||||
|
|
||||||
async function saveUserAndTokenStorageData(
|
async function saveUserAndTokenStorageData(userData: UserDTO, token: string) {
|
||||||
userData: UserDTO,
|
|
||||||
token: string,
|
|
||||||
refresh_token: string,
|
|
||||||
) {
|
|
||||||
try {
|
try {
|
||||||
setIsLoadingUserStorageData(true);
|
setIsLoadingUserStorageData(true);
|
||||||
await storageUserSave(userData);
|
await storageUserSave(userData);
|
||||||
await storageAuthTokenSave({ token, refresh_token });
|
await storageAuthTokenSave(token);
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
throw error;
|
throw error;
|
||||||
} finally {
|
} finally {
|
||||||
|
|
@ -52,8 +48,8 @@ export function AuthContextProvider({ children }: AuthContextProviderProps) {
|
||||||
try {
|
try {
|
||||||
const { data } = await api.post('/sessions', { email, password });
|
const { data } = await api.post('/sessions', { email, password });
|
||||||
|
|
||||||
if (data.user && data.token && data.refresh_token) {
|
if (data.user && data.token) {
|
||||||
saveUserAndTokenStorageData(data.user, data.token, data.refresh_token);
|
saveUserAndTokenStorageData(data.user, data.token);
|
||||||
updateUserAndTokenData(data.user, data.token);
|
updateUserAndTokenData(data.user, data.token);
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
|
|
@ -90,7 +86,7 @@ export function AuthContextProvider({ children }: AuthContextProviderProps) {
|
||||||
setIsLoadingUserStorageData(true);
|
setIsLoadingUserStorageData(true);
|
||||||
|
|
||||||
const loggedUser = await storageUserGet();
|
const loggedUser = await storageUserGet();
|
||||||
const { token } = await storageAuthTokenGet();
|
const token = await storageAuthTokenGet();
|
||||||
|
|
||||||
if (loggedUser && token) {
|
if (loggedUser && token) {
|
||||||
updateUserAndTokenData(loggedUser, token);
|
updateUserAndTokenData(loggedUser, token);
|
||||||
|
|
@ -106,14 +102,6 @@ export function AuthContextProvider({ children }: AuthContextProviderProps) {
|
||||||
loadUserData();
|
loadUserData();
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
const subscription = api.registerInterceptTokenManager(signOut);
|
|
||||||
|
|
||||||
return () => {
|
|
||||||
subscription();
|
|
||||||
};
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<AuthContext.Provider
|
<AuthContext.Provider
|
||||||
value={{ user, signIn, signOut, updateUserData, isLoadingUserStorageData }}>
|
value={{ user, signIn, signOut, updateUserData, isLoadingUserStorageData }}>
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,6 @@ import { HistoryByDayDTO } from '@dtos/HistoryByDayDTO';
|
||||||
import { HistoryCard } from '@components/HistoryCard';
|
import { HistoryCard } from '@components/HistoryCard';
|
||||||
import { ScreenHeader } from '@components/ScreenHeader';
|
import { ScreenHeader } from '@components/ScreenHeader';
|
||||||
import { ToastMessage } from '@components/ToastMessage';
|
import { ToastMessage } from '@components/ToastMessage';
|
||||||
import { Loading } from '@components/Loading';
|
|
||||||
|
|
||||||
export function History() {
|
export function History() {
|
||||||
const [isLoading, setIsLoading] = useState(true);
|
const [isLoading, setIsLoading] = useState(true);
|
||||||
|
|
@ -48,28 +47,24 @@ export function History() {
|
||||||
<VStack flex={1}>
|
<VStack flex={1}>
|
||||||
<ScreenHeader title="Histórico" />
|
<ScreenHeader title="Histórico" />
|
||||||
|
|
||||||
{isLoading ? (
|
<SectionList
|
||||||
<Loading />
|
sections={exercises}
|
||||||
) : (
|
keyExtractor={(item) => item.id}
|
||||||
<SectionList
|
renderItem={({ item }) => <HistoryCard data={item} />}
|
||||||
sections={exercises}
|
renderSectionHeader={({ section }) => (
|
||||||
keyExtractor={(item) => item.id}
|
<Heading color="$gray200" fontSize="$md" mt="$10" mb="$3">
|
||||||
renderItem={({ item }) => <HistoryCard data={item} />}
|
{section.title}
|
||||||
renderSectionHeader={({ section }) => (
|
</Heading>
|
||||||
<Heading color="$gray200" fontSize="$md" mt="$10" mb="$3">
|
)}
|
||||||
{section.title}
|
style={{ paddingHorizontal: 32 }}
|
||||||
</Heading>
|
contentContainerStyle={exercises.length === 0 && { flex: 1, justifyContent: 'center' }}
|
||||||
)}
|
ListEmptyComponent={() => (
|
||||||
style={{ paddingHorizontal: 32 }}
|
<Text color="$gray100" textAlign="center">
|
||||||
contentContainerStyle={exercises.length === 0 && { flex: 1, justifyContent: 'center' }}
|
Não há exercícios registrados ainda.{'\n'}Vamos fazer exercícios hoje?
|
||||||
ListEmptyComponent={() => (
|
</Text>
|
||||||
<Text color="$gray100" textAlign="center">
|
)}
|
||||||
Não há exercícios registrados ainda.{'\n'}Vamos fazer exercícios hoje?
|
showsVerticalScrollIndicator={false}
|
||||||
</Text>
|
/>
|
||||||
)}
|
|
||||||
showsVerticalScrollIndicator={false}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</VStack>
|
</VStack>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,23 +1,10 @@
|
||||||
import axios, { AxiosError, AxiosInstance } from 'axios';
|
import axios from 'axios';
|
||||||
|
|
||||||
import { AppError } from '@utils/AppError';
|
import { AppError } from '@utils/AppError';
|
||||||
|
|
||||||
import { storageAuthTokenGet, storageAuthTokenSave } from '@storage/storageAuthToken';
|
|
||||||
|
|
||||||
type SignOut = () => void;
|
|
||||||
|
|
||||||
type PromiseType = {
|
|
||||||
onSuccess: (token: string) => void;
|
|
||||||
onFailure: (error: AxiosError) => void;
|
|
||||||
};
|
|
||||||
|
|
||||||
type APIInstanceProps = AxiosInstance & {
|
|
||||||
registerInterceptTokenManager: (signOut: SignOut) => () => void;
|
|
||||||
};
|
|
||||||
|
|
||||||
const api = axios.create({
|
const api = axios.create({
|
||||||
baseURL: 'http://192.168.0.61:3333',
|
baseURL: 'http://192.168.0.61:3333',
|
||||||
}) as APIInstanceProps;
|
});
|
||||||
|
|
||||||
api.interceptors.request.use(
|
api.interceptors.request.use(
|
||||||
(config) => {
|
(config) => {
|
||||||
|
|
@ -28,82 +15,14 @@ api.interceptors.request.use(
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
|
|
||||||
let failedQueue: Array<PromiseType> = [];
|
api.interceptors.response.use(
|
||||||
let isRefreshing = false;
|
(response) => response,
|
||||||
|
(error) => {
|
||||||
api.registerInterceptTokenManager = (signOut: SignOut) => {
|
if (error.response && error.response.data) {
|
||||||
const interceptTokenManager = api.interceptors.response.use(
|
return Promise.reject(new AppError(error.response.data.message));
|
||||||
(response) => response,
|
}
|
||||||
async (requestError) => {
|
return Promise.reject(error);
|
||||||
if (requestError?.response?.status === 401) {
|
},
|
||||||
if (
|
);
|
||||||
requestError.response.data?.message === 'token.expired' ||
|
|
||||||
requestError.response.data?.message === 'token.invalid'
|
|
||||||
) {
|
|
||||||
const { refresh_token } = await storageAuthTokenGet();
|
|
||||||
|
|
||||||
if (!refresh_token) {
|
|
||||||
signOut();
|
|
||||||
return Promise.reject(requestError);
|
|
||||||
}
|
|
||||||
|
|
||||||
const originalRequestConfig = requestError.config;
|
|
||||||
|
|
||||||
if (isRefreshing) {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
failedQueue.push({
|
|
||||||
onSuccess: (token: string) => {
|
|
||||||
originalRequestConfig.headers.Authorization = `Bearer ${token}`;
|
|
||||||
resolve(api(originalRequestConfig));
|
|
||||||
},
|
|
||||||
onFailure: (error: AxiosError) => {
|
|
||||||
reject(error);
|
|
||||||
},
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
isRefreshing = true;
|
|
||||||
|
|
||||||
return new Promise(async (resolve, reject) => {
|
|
||||||
try {
|
|
||||||
const { data } = api.post('/sessions/refresh_token', { refresh_token });
|
|
||||||
await storageAuthTokenSave({ token: data.token, refresh_token: data.refresh_token });
|
|
||||||
|
|
||||||
if (originalRequestConfig.data) {
|
|
||||||
originalRequestConfig.data = JSON.parse(JSON.stringify(originalRequestConfig.data));
|
|
||||||
}
|
|
||||||
|
|
||||||
originalRequestConfig.headers.Authorization = `Bearer ${data.token}`;
|
|
||||||
api.defaults.headers.common.Authorization = `Bearer ${data.token}`;
|
|
||||||
|
|
||||||
failedQueue.forEach((request) => request.onSuccess(data.token));
|
|
||||||
|
|
||||||
resolve(api(originalRequestConfig));
|
|
||||||
} catch (error: any) {
|
|
||||||
failedQueue.forEach((request) => request.onFailure(error));
|
|
||||||
signOut();
|
|
||||||
reject(error);
|
|
||||||
} finally {
|
|
||||||
isRefreshing = false;
|
|
||||||
failedQueue = [];
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
signOut();
|
|
||||||
}
|
|
||||||
|
|
||||||
if (requestError.response && requestError.response.data) {
|
|
||||||
return Promise.reject(new AppError(requestError.response.data.message));
|
|
||||||
}
|
|
||||||
return Promise.reject(requestError);
|
|
||||||
},
|
|
||||||
);
|
|
||||||
|
|
||||||
return () => {
|
|
||||||
api.interceptors.response.eject(interceptTokenManager);
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
export { api };
|
export { api };
|
||||||
|
|
|
||||||
|
|
@ -2,19 +2,12 @@ import AsyncStorage from '@react-native-async-storage/async-storage';
|
||||||
|
|
||||||
import { TOKEN_STORAGE } from './storageConfig';
|
import { TOKEN_STORAGE } from './storageConfig';
|
||||||
|
|
||||||
type AuthTokenStorageProps = {
|
export async function storageAuthTokenSave(token: string) {
|
||||||
token: string;
|
await AsyncStorage.setItem(TOKEN_STORAGE, token);
|
||||||
refresh_token?: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export async function storageAuthTokenSave({ token, refresh_token }: AuthTokenStorageProps) {
|
|
||||||
await AsyncStorage.setItem(TOKEN_STORAGE, JSON.stringify({ token, refresh_token }));
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function storageAuthTokenGet() {
|
export async function storageAuthTokenGet() {
|
||||||
const response = await AsyncStorage.getItem(TOKEN_STORAGE);
|
return await AsyncStorage.getItem(TOKEN_STORAGE);
|
||||||
const { token, refresh_token }: AuthTokenStorageProps = response ? JSON.parse(response) : {};
|
|
||||||
return { token, refresh_token };
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function storageAuthTokenRemove() {
|
export async function storageAuthTokenRemove() {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue