added thanos logo in react app

Signed-off-by: hackeramitkumar <amit9116260192@gmail.com>
thanos-io · Apr 6, 2023 · f70ad27 · f70ad27
1 parent 96fd6db
commit f70ad27
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 40 deletions.
diff --git a/pkg/ui/bindata.go b/pkg/ui/bindata.go
diff --git a/pkg/ui/react-app/src/thanos/Navbar.tsx b/pkg/ui/react-app/src/thanos/Navbar.tsx
@@ -14,6 +14,7 @@ import {
 } from 'reactstrap';
 import PathPrefixProps from '../types/PathPrefixProps';
 import { ThemeToggle } from '../Theme';
+import logo from './images/icon-dark.png';
 
 interface NavConfig {
   name: string;
@@ -96,6 +97,7 @@ const Navigation: FC<PathPrefixProps & NavigationProps> = ({ pathPrefix, thanosC
     <Navbar className="mb-3" dark color="dark" expand="md" fixed="top">
       <NavbarToggler onClick={toggle} className="mr-2" />
       <Link className="navbar-brand" to={`${pathPrefix}${defaultRoute}`}>
+        <img src={logo} alt="thanos" style={{ width: '2rem', marginRight: '0.5rem' }} />
         Thanos - {thanosComponent[0].toUpperCase()}
         {thanosComponent.substr(1, thanosComponent.length)}
       </Link>

diff --git a/pkg/ui/react-app/src/thanos/images/icon-dark.png b/pkg/ui/react-app/src/thanos/images/icon-dark.png