projets/react_laravel_medium_clone_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

second commit

Browse Source
This commit is contained in:
belasriiimad 2024-02-04 15:56:07 +00:00
parent c4fb5b57e6
commit 3e3c0ca339
2 changed files with 19 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/search/SearchBox.jsx
View File

@ -7,13 +7,13 @@ export default function SearchBox() {
const [searchTerm, setSearTerm] = useState('') const [searchTerm, setSearTerm] = useState('')
const [message, setMessage] = useState('') const [message, setMessage] = useState('')
const [articles, setArticles] = useState([]) const [articles, setArticles] = useState([])
const [loading, setLaoding] = useState(false) const [loading, setLoading] = useState(false)
const searchArticles = async (e) => { const searchArticles = async (e) => {
e.preventDefault() e.preventDefault()
setArticles([]) setArticles([])
setMessage('') setMessage('')
setLaoding(true) setLoading(true)
const data = { searchTerm } const data = { searchTerm }
@ -25,10 +25,10 @@ export default function SearchBox() {
}else { }else {
setMessage('No results found.') setMessage('No results found.')
} }
setLaoding(false) setLoading(false)
setSearTerm('') setSearTerm('')
} catch (error) { } catch (error) {
setLaoding(false) setLoading(false)
setSearTerm('') setSearTerm('')
console.log(error) console.log(error)
} }

27
src/components/user/articles/UserArticles.jsx
View File

@ -10,24 +10,26 @@ import Spinner from '../../layouts/Spinner'
export default function UserArticles() { export default function UserArticles() {
const { token } = useSelector(state => state.user) const { token } = useSelector(state => state.user)
const dispatch = useDispatch() const dispatch = useDispatch()
const navigate = useNavigate() const navigate = useNavigate()
const [articles, setArticles] = useState([]) const [articles, setArticles] = useState([])
const [loading, setLoading] = useState(false) const [loading, setLoading] = useState(false)
useEffect(() => { useEffect(() => {
const getLoggedInUser = async () => { fetchUserArticles()
setLoading(true) }, [])
try {
const response = await axios.get(`${BASE_URL}/user/articles`, getConfig(token)) const fetchUserArticles = async () => {
setLoading(true)
try {
const response = await axios.get(`${BASE_URL}/user/articles`,
getConfig(token))
setArticles(response.data.data) setArticles(response.data.data)
setLoading(false) setLoading(false)
} catch (error) { } catch (error) {
setLoading(false) setLoading(false)
console.log(error) console.log(error)
}
} }
getLoggedInUser() }
}, [])
const deleteArticle = async (slug) => { const deleteArticle = async (slug) => {
try { try {
@ -38,7 +40,7 @@ export default function UserArticles() {
}else { }else {
dispatch(setCurrentUser(response.data.user)) dispatch(setCurrentUser(response.data.user))
toast.success(response.data.message) toast.success(response.data.message)
navigate('/profile') fetchUserArticles()
} }
} catch (error) { } catch (error) {
console.log(error) console.log(error)
@ -48,9 +50,10 @@ export default function UserArticles() {
return ( return (
<div className="col-md-9"> <div className="col-md-9">
{ {
loading ? <div className="d-flex justify-content-center"> loading ?
<Spinner /> <div className="d-flex justify-content-center">
</div> <Spinner />
</div>
: :
articles?.length ? articles?.length ?
<table className='table table-responsive'> <table className='table table-responsive'>