1
|
import { useDispatch } from "react-redux"
|
2
|
import { useEffect } from "react"
|
3
|
import { AppDispatch } from "../stores/store"
|
4
|
import { Center, Heading, HStack, Spinner } from "native-base"
|
5
|
import { logout } from "../stores/actions/userThunks"
|
6
|
import LoadingBox from "../components/loading/LoadingBox"
|
7
|
|
8
|
const Logout = () => {
|
9
|
const dispatch = useDispatch<AppDispatch>();
|
10
|
|
11
|
useEffect(() => {
|
12
|
dispatch(logout())
|
13
|
}, [])
|
14
|
|
15
|
return (
|
16
|
<LoadingBox text="Logging out..."/>
|
17
|
)
|
18
|
}
|
19
|
|
20
|
export default Logout
|