diff --git a/src/pages/Board.jsx b/src/pages/Board.jsx index 49b1447..d7fb4e1 100644 --- a/src/pages/Board.jsx +++ b/src/pages/Board.jsx @@ -150,10 +150,7 @@ export default function Board() { const [search, setSearch] = useState(''); const debouncedSearch = useDebounce(search, 500); - const { data: adminData } = useQuery('admin', async () => { - const res = await API.GET('/admin'); - return res.data; - }); + const { data: adminData } = useQuery('admin', () => API.GET('/admin')); const { data, isLoading } = useQuery( ['posts-tag-search', tag, debouncedSearch], diff --git a/src/pages/NewArticleEditor.jsx b/src/pages/NewArticleEditor.jsx index fcdaf9c..140822d 100644 --- a/src/pages/NewArticleEditor.jsx +++ b/src/pages/NewArticleEditor.jsx @@ -26,6 +26,11 @@ import { Button } from '@components/forms/Button'; import { API } from '@/utils/api'; import { Link, useNavigate } from 'react-router-dom'; +import useAlert from '@/hooks/modal/useAlert'; +import { Alert } from '@/components/forms/modal/Alert'; +import useLoading from '@/hooks/modal/useLoading'; +import { Text } from '@components/typograph/Text'; +import { Loading } from '../components/forms/modal/Loading'; const Container = styled.div` width: 100%; @@ -145,12 +150,15 @@ export default function NewArticle() { const [category, setCategory] = useState(''); const ref = useRef(null); + const { openAlert } = useAlert(); + const navigate = useNavigate(); - const { data: adminData, isLoading } = useQuery('admin', async () => { - const res = await API.GET('/admin'); - return res.data; - }); + const { + data: adminData, + isLoading, + isError, + } = useQuery('admin', () => API.GET('/admin')); const handleSubmit = async () => { API.POST('/posts', { @@ -192,13 +200,23 @@ export default function NewArticle() { } }, [theme]); - if (!isLoading && !adminData) { - return