From a15bf2aec0e1b8bebb35e04552304aaf3c5c8663 Mon Sep 17 00:00:00 2001
From: Vladimir Ignatov <vlad.ignatov@gmail.com>
Date: Mon, 8 Jul 2024 11:49:49 -0400
Subject: [PATCH] Using the new logos in the UI

---
 src/app/App.tsx            | 6 +++++-
 src/app/sample-app/App.tsx | 5 ++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/app/App.tsx b/src/app/App.tsx
index 9081498..75b685f 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -3,6 +3,9 @@ import ClientRegistration      from "./ClientRegistration"
 import ServerInfo              from "./ServerInfo"
 import "./style.scss"
 
+// @ts-ignore
+import logo from "../../static/img/logo.svg"
+
 
 export default function App() {
     const [tabIndex, setTabIndex] = useState(1);
@@ -25,7 +28,8 @@ export default function App() {
                 <div className="container">
                     <h1 className="navbar-brand m-0">
                         <a className="navbar-brand text-primary-emphasis" href="/" style={{ textShadow: "0 1px 1px #FFF" }}>
-                            <i className="bi bi-fire me-1" />
+                            {/* <i className="bi bi-fire me-1" /> */}
+                            <img src={logo} width="66" style={{ margin: "-20px 6px -20px 0" }} />
                             Bulk Match Provider
                         </a>
                     </h1>
diff --git a/src/app/sample-app/App.tsx b/src/app/sample-app/App.tsx
index 3db34e5..4f51b50 100644
--- a/src/app/sample-app/App.tsx
+++ b/src/app/sample-app/App.tsx
@@ -19,6 +19,9 @@ import {
 } from "./State"
 import "./style.scss"
 
+// @ts-ignore
+import logo from "../../../static/img/logo-light.svg"
+
 
 export default function App() {
     const [state, dispatch] = useReducer(reducer, initialState);
@@ -39,7 +42,7 @@ export default function App() {
             <nav className="navbar sticky-top navbar-expand-lg bg-primary">
                 <div className="container">
                     <a className="navbar-brand text-white" href="/">
-                        <i className="bi bi-fire me-1" />
+                        <img src={logo} width="56" style={{ margin: "-20px 6px -20px 0" }} />
                         Bulk-Match <small className="opacity-50">Sample App</small>
                     </a>
                     <button