diff --git a/resources/frontend_client/app/components/icons/assets/smile.svg b/resources/frontend_client/app/components/icons/assets/smile.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2665c7b3e73053738bad48747283bfe6ed38c231
--- /dev/null
+++ b/resources/frontend_client/app/components/icons/assets/smile.svg
@@ -0,0 +1,8 @@
+<?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>
diff --git a/resources/frontend_client/app/home/components/Homepage.react.js b/resources/frontend_client/app/home/components/Homepage.react.js
index aa568ad327c01b3dd14dc47c83076f6ff4063b1d..cb372a0e3224cca4782ca307aeb7741f27897579 100644
--- a/resources/frontend_client/app/home/components/Homepage.react.js
+++ b/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>
diff --git a/resources/frontend_client/app/home/components/Smile.react.js b/resources/frontend_client/app/home/components/Smile.react.js
new file mode 100644
index 0000000000000000000000000000000000000000..71852e176ac371f9f1fec644815fd74e11df3de3
--- /dev/null
+++ b/resources/frontend_client/app/home/components/Smile.react.js
@@ -0,0 +1,12 @@
+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>
+ }
+}