Commit 1192bd62 authored by Markus Mößler's avatar Markus Mößler
Browse files

added components to add and show blog entreis to app and navbar

parent fd092ce9

react-frontend/my-react-app/src/App.js

+7 −3
Original line number Diff line number Diff line
@@ -8,7 +8,8 @@ import { UserRoleProvider } from './contexts/UserRoleContext'; 
import Navbar from "./components/Navbar";

import Register from "./components/Register";

import Login from "./components/Login";

import Entries from "./components/Entries";

import BlogEntries from "./components/BlogEntries";

import CreateBlogEntry from "./components/CreateBlogEntry";



import 'bootstrap/dist/css/bootstrap.min.css';

import './assets/mystyle.css'
@@ -46,8 +47,11 @@ function App() { 
        {/* Home route */}

        <Route path="/" element={<Home />} />



        {/* Entries route */}

        <Route path="/" element={<Entries />} />

        {/* Blog entries route */}

        <Route path="/blog-entries" element={<BlogEntries />} />



        {/* Create blog entries route */}

        <Route path="/create-blog-entry" element={<CreateBlogEntry />} />



        {/* Message route */}

        <Route path="/message" element={<MessageComponent />} />

react-frontend/my-react-app/src/components/Entries.js

deleted100644 → 0
+0 −14
Original line number Diff line number Diff line 
// ./react-frontend/my-react-app/src/components/Entries.js



import React from 'react';



function Entries() {

  return (

    <div className="about-page">

      <h2>Blog Entries</h2>

      <hr/>

    </div>

  );

}



export default Entries;

react-frontend/my-react-app/src/components/Navbar.js

+6 −1
Original line number Diff line number Diff line
@@ -46,9 +46,14 @@ function Navbar() { 
            <NavLink className="nav-link" activeClassName="active" to="/">Home</NavLink>

        </li>  

        {userRole === 'author' && (

            <>

            <li className="nav-item">

              <NavLink className="nav-link" activeClassName="active" to="/blog-entries">Blog Entries</NavLink>

            </li>            

            <li className="nav-item">

              <NavLink className="nav-link" activeClassName="active" to="/entries">Entries</NavLink>

              <NavLink className="nav-link" activeClassName="active" to="/create-blog-entry">Create Blog Entry</NavLink>

            </li>            

            </>

          )}      

        </ul>

        <ul className="navbar-nav ml-auto">