From af48186c76ac2d44f9b7dae87912d5e41dc0ea38 Mon Sep 17 00:00:00 2001
From: Sallar Kaboli <sallar.kaboli@gmail.com>
Date: Sun, 19 Mar 2017 13:41:36 +0200
Subject: [PATCH] Change search icon to svg image

---
 src/renderer/components/archive/search-field.js |  4 ++++
 src/renderer/styles/search-field.scss           | 15 ++++++---------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/renderer/components/archive/search-field.js b/src/renderer/components/archive/search-field.js
index 919edab8..ae0d8e6e 100644
--- a/src/renderer/components/archive/search-field.js
+++ b/src/renderer/components/archive/search-field.js
@@ -1,4 +1,5 @@
 import React, { Component, PropTypes } from 'react';
+import SearchIcon from 'react-icons/lib/md/search';
 import styles from '../../styles/search-field';
 
 class SearchField extends Component {
@@ -41,6 +42,9 @@ class SearchField extends Component {
             this.textInput = input;
           }}
           />
+        <span className={styles.icon}>
+          <SearchIcon/>
+        </span>
         {this.state.value !== '' && <span className={styles.clear} onClick={() => this.handleClearClick()}></span>}
       </div>
     );
diff --git a/src/renderer/styles/search-field.scss b/src/renderer/styles/search-field.scss
index 31023091..b7aa7ad5 100644
--- a/src/renderer/styles/search-field.scss
+++ b/src/renderer/styles/search-field.scss
@@ -3,16 +3,13 @@
 .wrapper {
   position: relative;
   flex: 1;
+}
 
-  &:before {
-    display: block;
-    content: "⚲";
-    position: absolute;
-    transform: rotate(-45deg);
-    top: 2px;
-    left: 4px;
-    opacity: .5;
-  }
+.icon {
+  position: absolute;
+  top: 2px;
+  left: 3px;
+  color: rgba(255,255,255,.5);
 }
 
 .field {