tabris/anatid-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rendering blogpost items
Some checks failed
Anatid Blog CI Workflow / test (./backend) (push) Successful in 29s
Details
Anatid Blog CI Workflow / test (./frontend) (push) Successful in 30s
Details
Anatid Blog CI Workflow / build-and-push-images (./backend/Dockerfile, git.anatid.net/tabris/anatid-blog-backend, ./backend) (push) Successful in 50s
Details
Anatid Blog CI Workflow / build-and-push-images (./frontend/Dockerfile, git.anatid.net/tabris/anatid-blog-frontend, ./frontend) (push) Failing after 42s
Details
Anatid Blog CI Workflow / deploy (push) Has been skipped
Details

Browse Source
This commit is contained in:
Phill Pover 2025-03-31 17:49:48 +01:00
parent 861cec3a3a
commit 0d1352d812
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/App.tsx
View File

@ -7,9 +7,17 @@ function App() {
const [message, setMessage] = useState(''); const [message, setMessage] = useState('');
useEffect(() => { useEffect(() => {
axios.get('https://api.anatid.net/') axios.get('https://api.anatid.net/blogposts')
.then(response => { .then(response => {
setMessage(response.data); const blogpostItems = response.data.map(blogpost =>
<li
key={blogpost.id}
>
{blogpost.title}
</li>
)
setMessage(blogpostItems);
}) })
.catch(error => { .catch(error => {
console.error('There was an error fetching the data.', error); console.error('There was an error fetching the data.', error);
@ -21,7 +29,7 @@ function App() {
<header className="App-header"> <header className="App-header">
<img src={logo} className="App-logo" alt="logo" /> <img src={logo} className="App-logo" alt="logo" />
<h2>React is working</h2> <h2>React is working</h2>
<p>{message}</p> <ul>{message}</ul>
</header> </header>
</div> </div>
); );