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

fourth commit

Browse Source
This commit is contained in:
belasriiimad 2024-02-05 11:37:17 +00:00
parent 0e79054b4e
commit afda3a7b0c
3 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Home.jsx
View File

@ -12,8 +12,8 @@ export default function Home() {
const { token, isLoggedIn } = useSelector(state => state.user) const { token, isLoggedIn } = useSelector(state => state.user)
const [articles, setArticles] = useState([]) const [articles, setArticles] = useState([])
const [loading, setLoading] = useState(false) const [loading, setLoading] = useState(false)
const [articleByTag, setArticleByTag] = useState('')
const [message, setMessage] = useState('') const [message, setMessage] = useState('')
const [articleByTag, setArticleByTag] = useState('')
const [articleByFollowing, setArticleByFollowing] = useState(false) const [articleByFollowing, setArticleByFollowing] = useState(false)
const [meta, setMeta] = useState({ const [meta, setMeta] = useState({
to: 0, to: 0,
@ -34,7 +34,7 @@ export default function Home() {
setArticles(response.data.data) setArticles(response.data.data)
setMeta(response.data.meta) setMeta(response.data.meta)
}else { }else {
setMessage('No articles found.') setMessage('No articles found')
} }
setLoading(false) setLoading(false)
} else if (articleByFollowing) { } else if (articleByFollowing) {
@ -44,7 +44,7 @@ export default function Home() {
setArticles(response.data.data) setArticles(response.data.data)
setMeta(response.data.meta) setMeta(response.data.meta)
}else { }else {
setMessage('No articles found.') setMessage('No articles found')
} }
setLoading(false) setLoading(false)
} else { } else {
@ -104,14 +104,14 @@ export default function Home() {
message ? message ?
<div className="col-md-8"> <div className="col-md-8">
<div className="alert alert-info"> <div className="alert alert-info">
No articles found { message }
</div> </div>
</div> </div>
: :
<ArticleList articles={articles} <ArticleList articles={articles}
fetchNextArticles={fetchNextArticles} fetchNextArticles={fetchNextArticles}
meta={meta} meta={meta}
/> />
} }
{/* display all the tags */} {/* display all the tags */}
<Tags setArticleByTag={setArticleByTag} <Tags setArticleByTag={setArticleByTag}

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

@ -1,7 +1,7 @@
import axios from 'axios' import axios from 'axios'
import React, { useState } from 'react' import React, { useState } from 'react'
import { BASE_URL } from '../../helpers/config' import { BASE_URL } from '../../helpers/config'
import { Link, useNavigate } from 'react-router-dom' import { useNavigate } from 'react-router-dom'
export default function SearchBox() { export default function SearchBox() {
const [searchTerm, setSearTerm] = useState('') const [searchTerm, setSearTerm] = useState('')
@ -91,7 +91,7 @@ export default function SearchBox() {
{ article.title } { article.title }
</span> </span>
<button onClick={() => viewArticleDetails(article.slug)} <button onClick={() => viewArticleDetails(article.slug)}
className='text-decoration-none btn btn-link text-primary'> className=' btn bt-link text-decoration-none text-primary'>
View View
</button> </button>
</div> </div>

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

@ -24,12 +24,12 @@ export default function UserArticles() {
try { try {
const response = await axios.get(`${BASE_URL}/user/articles`, const response = await axios.get(`${BASE_URL}/user/articles`,
getConfig(token)) getConfig(token))
if (response.data.data.length) { if (response.data.data.length) {
setArticles(response.data.data) setArticles(response.data.data)
}else { }else {
setMessage('No articles found.') setMessage('No articles found')
} }
setLoading(false) setLoading(false)
} catch (error) { } catch (error) {
setLoading(false) setLoading(false)
console.log(error) console.log(error)
@ -64,7 +64,7 @@ export default function UserArticles() {
<div className="alert alert-info"> <div className="alert alert-info">
{ message } { message }
</div> </div>
: :
<table className='table table-responsive'> <table className='table table-responsive'>
<caption>List of published articles</caption> <caption>List of published articles</caption>
<thead> <thead>