Add support for a logo in the NavBar (#9)

* Add support for a logo in the NavBar

* Add a max height/width to the logo

amundsen_application/static/config/config-default.ts

@@ -22,6 +22,7 @@ const configDefault: AppConfig = {
     },
     iconPath: 'PATH_TO_ICON'
   },
+  logoPath: null,
   navLinks: [
     {
       label: "Announcements",

amundsen_application/static/config/config.types.ts

@@ -9,6 +9,7 @@ export interface AppConfig {
   exploreSql: ExploreSqlConfig;
   google: GoogleAnalyticsConfig;
   lineage: LineageConfig;
+  logoPath: string | null;
   navLinks: Array<LinkConfig>;
 }
 
@@ -17,6 +18,7 @@ export interface AppConfigCustom {
   exploreSql?: ExploreSqlConfig;
   google?: GoogleAnalyticsConfig
   lineage?: LineageConfig;
+  logoPath?: string;
   navLinks?: Array<LinkConfig>;
 }
 

amundsen_application/static/js/components/NavBar/index.tsx

@@ -51,6 +51,10 @@ class NavBar extends React.Component<NavBarProps, NavBarState> {
         <div className="row">
           <div className="nav-bar">
             <div className="nav-bar-left">
+              {
+                AppConfig.logoPath &&
+                <img className="logo-icon" src={AppConfig.logoPath} />
+              }
               <Link to={`/`}>
                 AMUNDSEN
               </Link>

amundsen_application/static/js/components/NavBar/styles.scss

@@ -34,9 +34,13 @@
   margin-left: auto;
   display: flex;
 }
+.nav-bar-left > *,
 .nav-bar-right > * {
   margin: auto 10px;
 }
+.nav-bar-left > *:first-child {
+  margin-left: 0px;
+}
 .nav-bar-right > *:last-child {
   margin-right: 0px;
 }
@@ -50,3 +54,8 @@
 .sb-avatar > div {
   border: 1px solid white;
 }
+
+.logo-icon {
+  max-height: 48px;
+  max-width: 144px;
+}