From 50411b972a62d09f65c1f8f931c28b0b38fa85f2 Mon Sep 17 00:00:00 2001
From: potatoeggy <25178974+potatoeggy@users.noreply.github.com>
Date: Wed, 1 May 2024 03:17:41 -0400
Subject: [PATCH] OD-493 Add archive name to banner (#217)

---
 app/assets/stylesheets/application.scss            | 7 +++++--
 app/javascript/components/navigation/Navigation.js | 7 ++++++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 91bf6e6..f3d1f49 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -91,8 +91,11 @@ $clearColor: #906b59;
   min-width: 20px;
 }
 
-.navbar-dark .navbar-nav .nav-link {
-  color: white;
+.navbar-dark {
+  .navbar-nav .nav-link,
+  .navbar-text {
+    color: white;
+  }
 }
 
 .badge {
diff --git a/app/javascript/components/navigation/Navigation.js b/app/javascript/components/navigation/Navigation.js
index a038181..09780b1 100644
--- a/app/javascript/components/navigation/Navigation.js
+++ b/app/javascript/components/navigation/Navigation.js
@@ -30,7 +30,12 @@ class Navigation extends Component {
   render() {
     return (
       <Navbar bg="primary" variant="dark" expand="lg">
-        <Navbar.Brand href={this.authorsPath}><img src={this.data.logo_path} style={{ width: 50 + "px" }}/></Navbar.Brand>
+        <Navbar.Brand href={this.authorsPath}>
+          <img src={this.data.logo_path} style={{ width: 50 + "px" }}/>
+          <Navbar.Text style={{ paddingLeft: "25px" }}>
+            <strong>{this.data.config.name}</strong>
+          </Navbar.Text>
+        </Navbar.Brand>
         <Navbar.Toggle aria-controls="basic-navbar-nav"/>
         <Navbar.Collapse id="basic-navbar-nav">
           <Nav className="mr-auto">