From d4b4e09c27822d896c23ca7da658e651c9cee8ab Mon Sep 17 00:00:00 2001
From: soupette <cyril.lpz@gmail.com>
Date: Tue, 3 Dec 2019 16:04:41 +0100
Subject: [PATCH] Fix LeftMenu bug with fontawesome

---
 .../lib/src/components/LeftMenuList/Wrapper.js            | 8 +++++---
 .../lib/src/components/LeftMenuList/index.js              | 7 ++++---
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/packages/strapi-helper-plugin/lib/src/components/LeftMenuList/Wrapper.js b/packages/strapi-helper-plugin/lib/src/components/LeftMenuList/Wrapper.js
index 9e013cff34..50e7720342 100644
--- a/packages/strapi-helper-plugin/lib/src/components/LeftMenuList/Wrapper.js
+++ b/packages/strapi-helper-plugin/lib/src/components/LeftMenuList/Wrapper.js
@@ -38,7 +38,8 @@ const Wrapper = styled.div`
         right: 0;
         padding: 2px 0 0px 5px;
         line-height: 11px;
-        i {
+        i,
+        svg {
           font-size: 11px;
         }
       }
@@ -53,7 +54,7 @@ const Wrapper = styled.div`
         width: calc(100% - 20px);
         background: ${colors.leftMenu.lightGrey};
       }
-      > i {
+      > svg {
         position: absolute;
         bottom: 6px;
         left: 0;
@@ -65,7 +66,8 @@ const Wrapper = styled.div`
         right: 0;
         padding: 5px 0 0px 5px;
         line-height: 11px;
-        i {
+        i,
+        svg {
           font-size: 11px;
         }
       }
diff --git a/packages/strapi-helper-plugin/lib/src/components/LeftMenuList/index.js b/packages/strapi-helper-plugin/lib/src/components/LeftMenuList/index.js
index 90ed2eeb92..819cb4755d 100644
--- a/packages/strapi-helper-plugin/lib/src/components/LeftMenuList/index.js
+++ b/packages/strapi-helper-plugin/lib/src/components/LeftMenuList/index.js
@@ -2,6 +2,7 @@ import React, { createRef, isValidElement, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { FormattedMessage } from 'react-intl';
 import { isEmpty } from 'lodash';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import matchSorter from 'match-sorter';
 
 import Wrapper from './Wrapper';
@@ -101,12 +102,12 @@ function LeftMenuList({ customLink, links, title }) {
               &nbsp;&nbsp;<span>{getCount()}</span>
             </h3>
             <button onClick={toggleSearch}>
-              <i className="fa fa-search"></i>
+              <FontAwesomeIcon icon="search" />
             </button>
           </div>
         ) : (
           <div className="search-wrapper">
-            <i className="fa fa-search"></i>
+            <FontAwesomeIcon icon="search" />
             <button onClick={toggleSearch}></button>
             <Search
               ref={ref}
@@ -115,7 +116,7 @@ function LeftMenuList({ customLink, links, title }) {
               placeholder="search…"
             />
             <button onClick={handleClose}>
-              <i className="fa fa-close"></i>
+              <FontAwesomeIcon icon="times" />
             </button>
           </div>
         )}