fix smile

resources/frontend_client/app/components/icons/assets/smile.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g fill="#ffffff">
+            <path d="M24,44 C35.045695,44 44,35.045695 44,24 C44,12.954305 35.045695,4 24,4 C12.954305,4 4,12.954305 4,24 C4,35.045695 12.954305,44 24,44 Z M18.173913,22.0544037 C19.1344083,22.0544037 19.9130435,20.3819413 19.9130435,18.3188544 C19.9130435,16.2557674 19.1344083,14.583305 18.173913,14.583305 C17.2134178,14.583305 16.4347826,16.2557674 16.4347826,18.3188544 C16.4347826,20.3819413 17.2134178,22.0544037 18.173913,22.0544037 Z M28.9565217,22.0544037 C29.917017,22.0544037 30.6956522,20.3819413 30.6956522,18.3188544 C30.6956522,16.2557674 29.917017,14.583305 28.9565217,14.583305 C27.9960265,14.583305 27.2173913,16.2557674 27.2173913,18.3188544 C27.2173913,20.3819413 27.9960265,22.0544037 28.9565217,22.0544037 Z M24,35.5616363 C28.4700217,35.5616363 32.1182868,31.5056662 32.1182868,27.0356445 C26.4909049,27.0356446 23.3555312,27.0356445 15.9608154,27.0356445 C15.9608154,31.5056662 19.5299783,35.5616363 24,35.5616363 Z"></path>
+        </g>
+    </g>
+</svg>

resources/frontend_client/app/home/components/Homepage.react.js

@@ -10,7 +10,7 @@ import Activity from "./Activity.react";
 import Cards from "./Cards.react";
 import RecentViews from "./RecentViews.react";
 import CardFilters from "./CardFilters.react";
-
+import Smile from './Smile.react';
 
 export default class Homepage extends Component {
 
@@ -51,24 +51,9 @@ export default class Homepage extends Component {
                 <div className="bg-brand text-white">
                     <div style={this.styles.main}>
                         <div style={this.styles.mainWrapper}>
-                            <header style={this.styles.headerGreeting} className="pb4">
+                            <header style={this.styles.headerGreeting} className="flex align-center pb4">
                                 <span className="float-left mr2">
-                                    <svg width="48px" height="48px" viewBox="0 0 48 48">
-                                        <defs>
-                                            <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-1">
-                                                <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-                                                <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-                                                <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.0982591712 0" in="shadowBlurOuter1" type="matrix" result="shadowMatrixOuter1"></feColorMatrix>
-                                                <feMerge>
-                                                    <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
-                                                    <feMergeNode in="SourceGraphic"></feMergeNode>
-                                                </feMerge>
-                                            </filter>
-                                        </defs>
-                                        <g filter="url(#filter-1)" fill="#FFFFFF">
-                                            <path d="M24,43 C35.045695,43 44,34.045695 44,23 C44,11.954305 35.045695,3 24,3 C12.954305,3 4,11.954305 4,23 C4,34.045695 12.954305,43 24,43 Z M18.173913,21.0544037 C19.1344083,21.0544037 19.9130435,19.3819413 19.9130435,17.3188544 C19.9130435,15.2557674 19.1344083,13.583305 18.173913,13.583305 C17.2134178,13.583305 16.4347826,15.2557674 16.4347826,17.3188544 C16.4347826,19.3819413 17.2134178,21.0544037 18.173913,21.0544037 Z M28.9565217,21.0544037 C29.917017,21.0544037 30.6956522,19.3819413 30.6956522,17.3188544 C30.6956522,15.2557674 29.917017,13.583305 28.9565217,13.583305 C27.9960265,13.583305 27.2173913,15.2557674 27.2173913,17.3188544 C27.2173913,19.3819413 27.9960265,21.0544037 28.9565217,21.0544037 Z M24,34.5616363 C28.4700217,34.5616363 32.1182868,30.5056662 32.1182868,26.0356445 C26.4909049,26.0356446 23.3555312,26.0356445 15.9608154,26.0356445 C15.9608154,30.5056662 19.5299783,34.5616363 24,34.5616363 Z"></path>
-                                        </g>
-                                    </svg>
+                                    <Smile />
                                 </span>
                                 <span>{(user) ? this.state.greeting + ' ' + user.first_name : this.state.greeting}</span>
                             </header>

resources/frontend_client/app/home/components/Smile.react.js

+import React, { Component } from 'react';
+
+export default class Smile extends Component {
+    render() {
+        let styles = {
+            width: '48px',
+            height: '48px',
+            backgroundImage: 'url("app/components/icons/assets/smile.svg")',
+        }
+        return <div style={styles}></div>
+    }
+}