SWA-Project/SWA-frontend
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added refresh and edit button

Browse Source
This commit is contained in:
Timo Schneider
2024-06-13 08:59:35 +02:00
parent 88bdfb35d3
commit 9804bd196b
2 changed files with 33 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/App.js
View File

@@ -2,7 +2,7 @@ import React, {useEffect, useState} from 'react';
import NewPostForm from './components/NewPostForm';
import './App.scss';
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import {faTimes} from "@fortawesome/free-solid-svg-icons";
import {faPenToSquare, faRotate, faTimes} from "@fortawesome/free-solid-svg-icons";
import {postApi} from "./api/posts.api";
import {locationUtils} from "./utils/location";
import Post from "./components/Post";
@@ -62,12 +62,19 @@ const App = () => {
return (
<div className="app">
<button className="logout" onClick={() => keycloak.logout()}>Logout</button>
<div className="nav-bar">
<button className="nav-button" onClick={() => reload()}>
<FontAwesomeIcon className={"close-button"} icon={faRotate}/>
</button>
<button className="nav-button nav-space" onClick={() => keycloak.accountManagement()}>
<FontAwesomeIcon className={"close-button"} icon={faPenToSquare}/>
</button>
<button className="logout" onClick={() => keycloak.logout()}>Logout</button>
</div>
<h1>SWA - Jodel</h1>
<div style={{height: selectedPost?0:"auto", overflowY: "hidden"}}>
<NewPostForm addPost={addPost}/>
{posts.map(post => <Post key={post.id} post={post} recursionDepth={5} selectPost={selectPost} reload={reload} />)}
<div style={{height: selectedPost ? 0 : "auto", overflowY: "hidden"}}>
<NewPostForm addPost={addPost}/>
{posts.map(post => <Post key={post.id} post={post} recursionDepth={5} selectPost={selectPost} reload={reload} />)}
</div>
{selectedPost && (
<div className="single-post-view">