Update: New default header logo (#13)

Author: tonyjin

src/components/Header/Header.js

@@ -5,7 +5,7 @@
  */
 
 import React from 'react';
-import IconLogo from '../icons/IconLogo';
+import IconDefaultLogo from '../icons/IconDefaultLogo';
 import { Button } from '../Button';
 import { VIEW_FOLDER, VIEW_SEARCH } from '../../constants';
 import type { View } from '../../flowTypes';
@@ -29,7 +29,7 @@ const Header = ({ view, searchQuery, canUpload, onSearch, onUpload, logoUrl, get
         <div className='buik-header'>
             <div className='buik-header-left'>
                 <div className='buik-logo'>
-                    {logoUrl ? <img alt='' src={logoUrl} className='buik-logo-custom' /> : <IconLogo />}
+                    {logoUrl ? <img alt='' src={logoUrl} className='buik-logo-custom' /> : <IconDefaultLogo />}
                 </div>
                 <div className='buik-search'>
                     <input

src/components/Header/Header.scss

@@ -24,6 +24,10 @@
         .buik-is-small & {
             display: none;
         }
+
+        svg {
+            display: block;
+        }
     }
 
     .buik-header-left {

src/components/icons/IconLogo.js src/components/icons/IconBoxLogo.jssrc/components/icons/IconLogo.js renamed to src/components/icons/IconBoxLogo.js

@@ -8,8 +8,8 @@ import React from 'react';
 import { BOX_BLUE } from '../../constants';
 import type { IconType } from '../../flowTypes';
 
-const IconLogo = ({ color = BOX_BLUE, height = 25, width = 45 }: IconType) =>
-    <div className='logo'>
+const IconBoxLogo = ({ color = BOX_BLUE, height = 25, width = 45 }: IconType) =>
+    <div>
         <svg height={height} width={width} viewBox='0 0 98 52' aria-labelledby='title desc' role='img'>
             <path
                 fill={color}
@@ -32,4 +32,4 @@ const IconLogo = ({ color = BOX_BLUE, height = 25, width = 45 }: IconType) =>
         </svg>
     </div>;
 
-export default IconLogo;
+export default IconBoxLogo;

src/components/icons/IconDefaultLogo.js

@@ -121,7 +121,7 @@ <h1>Content Explorer</h1>
                 document.querySelector('.explorer1').innerHTML = '';
                 explorer1.show(folderId, token, {
                     container: '.explorer1',
-                    logoUrl: 'https://d30y9cdsu7xlg0.cloudfront.net/png/12458-200.png'
+                    // logoUrl: 'https://d30y9cdsu7xlg0.cloudfront.net/png/12458-200.png'
                 });
 
                 const explorer2 = new ContentExplorer();