🎨 Format with Prettier (#646)
This commit is contained in:
@@ -1,33 +1,42 @@
|
||||
import { useQuery } from 'react-query';
|
||||
import { useNavigate } from '@tanstack/react-router';
|
||||
import { useQuery } from 'react-query'
|
||||
import { useNavigate } from '@tanstack/react-router'
|
||||
|
||||
import { Body_login_login_access_token as AccessToken, LoginService, UserOut, UsersService } from '../client';
|
||||
import {
|
||||
Body_login_login_access_token as AccessToken,
|
||||
LoginService,
|
||||
UserOut,
|
||||
UsersService,
|
||||
} from '../client'
|
||||
|
||||
const isLoggedIn = () => {
|
||||
return localStorage.getItem('access_token') !== null;
|
||||
};
|
||||
|
||||
const useAuth = () => {
|
||||
const navigate = useNavigate();
|
||||
const { data: user, isLoading } = useQuery<UserOut | null, Error>('currentUser', UsersService.readUserMe, {
|
||||
enabled: isLoggedIn(),
|
||||
});
|
||||
|
||||
const login = async (data: AccessToken) => {
|
||||
const response = await LoginService.loginAccessToken({
|
||||
formData: data,
|
||||
});
|
||||
localStorage.setItem('access_token', response.access_token);
|
||||
navigate({ to: '/' });
|
||||
};
|
||||
|
||||
const logout = () => {
|
||||
localStorage.removeItem('access_token');
|
||||
navigate({ to: '/login' });
|
||||
};
|
||||
|
||||
return { login, logout, user, isLoading };
|
||||
return localStorage.getItem('access_token') !== null
|
||||
}
|
||||
|
||||
export { isLoggedIn };
|
||||
export default useAuth;
|
||||
const useAuth = () => {
|
||||
const navigate = useNavigate()
|
||||
const { data: user, isLoading } = useQuery<UserOut | null, Error>(
|
||||
'currentUser',
|
||||
UsersService.readUserMe,
|
||||
{
|
||||
enabled: isLoggedIn(),
|
||||
},
|
||||
)
|
||||
|
||||
const login = async (data: AccessToken) => {
|
||||
const response = await LoginService.loginAccessToken({
|
||||
formData: data,
|
||||
})
|
||||
localStorage.setItem('access_token', response.access_token)
|
||||
navigate({ to: '/' })
|
||||
}
|
||||
|
||||
const logout = () => {
|
||||
localStorage.removeItem('access_token')
|
||||
navigate({ to: '/login' })
|
||||
}
|
||||
|
||||
return { login, logout, user, isLoading }
|
||||
}
|
||||
|
||||
export { isLoggedIn }
|
||||
export default useAuth
|
||||
|
||||
@@ -1,21 +1,23 @@
|
||||
import { useCallback } from 'react';
|
||||
|
||||
import { useToast } from '@chakra-ui/react';
|
||||
import { useCallback } from 'react'
|
||||
import { useToast } from '@chakra-ui/react'
|
||||
|
||||
const useCustomToast = () => {
|
||||
const toast = useToast();
|
||||
const toast = useToast()
|
||||
|
||||
const showToast = useCallback((title: string, description: string, status: 'success' | 'error') => {
|
||||
toast({
|
||||
title,
|
||||
description,
|
||||
status,
|
||||
isClosable: true,
|
||||
position: 'bottom-right'
|
||||
});
|
||||
}, [toast]);
|
||||
const showToast = useCallback(
|
||||
(title: string, description: string, status: 'success' | 'error') => {
|
||||
toast({
|
||||
title,
|
||||
description,
|
||||
status,
|
||||
isClosable: true,
|
||||
position: 'bottom-right',
|
||||
})
|
||||
},
|
||||
[toast],
|
||||
)
|
||||
|
||||
return showToast;
|
||||
};
|
||||
return showToast
|
||||
}
|
||||
|
||||
export default useCustomToast;
|
||||
export default useCustomToast
|
||||
|
||||
Reference in New Issue
Block a user