From d0090ce89aa3ea08d8a7f51654bcdbec44b03acb Mon Sep 17 00:00:00 2001
From: soupette <cyril@strapi.io>
Date: Fri, 5 Nov 2021 15:09:06 +0100
Subject: [PATCH] Remove fontawesome icon for plugins link

Signed-off-by: soupette <cyril@strapi.io>
---
 .../admin/src/components/LeftMenu/index.js    | 29 ++++++++++---------
 .../admin/admin/src/hooks/useMenu/reducer.js  |  9 ++++--
 .../admin/src/components/PluginIcon/index.js  |  5 ++--
 .../admin/src/components/PluginIcon/index.js  |  7 ++---
 .../admin/src/components/PluginIcon/index.js  |  5 ++--
 .../admin/src/components/PluginIcon/index.js  |  5 ++--
 6 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/packages/core/admin/admin/src/components/LeftMenu/index.js b/packages/core/admin/admin/src/components/LeftMenu/index.js
index de9d73b13d..1002745685 100644
--- a/packages/core/admin/admin/src/components/LeftMenu/index.js
+++ b/packages/core/admin/admin/src/components/LeftMenu/index.js
@@ -1,7 +1,6 @@
 import React, { useRef, useState } from 'react';
 import styled from 'styled-components';
 import PropTypes from 'prop-types';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { useIntl } from 'react-intl';
 import { NavLink as Link } from 'react-router-dom';
 import { Divider } from '@strapi/design-system/Divider';
@@ -112,18 +111,22 @@ const LeftMenu = ({ generalSectionLinks, pluginsSectionLinks }) => {
 
         {generalSectionLinks.length > 0 ? (
           <NavSection label="General">
-            {generalSectionLinks.map(link => (
-              <NavLink
-                badgeContent={
-                  (link.notificationsCount > 0 && link.notificationsCount.toString()) || undefined
-                }
-                to={link.to}
-                key={link.to}
-                icon={<FontAwesomeIcon icon={link.icon} />}
-              >
-                {formatMessage(link.intlLabel)}
-              </NavLink>
-            ))}
+            {generalSectionLinks.map(link => {
+              const LinkIcon = link.icon;
+
+              return (
+                <NavLink
+                  badgeContent={
+                    (link.notificationsCount > 0 && link.notificationsCount.toString()) || undefined
+                  }
+                  to={link.to}
+                  key={link.to}
+                  icon={<LinkIcon />}
+                >
+                  {formatMessage(link.intlLabel)}
+                </NavLink>
+              );
+            })}
           </NavSection>
         ) : null}
       </NavSections>
diff --git a/packages/core/admin/admin/src/hooks/useMenu/reducer.js b/packages/core/admin/admin/src/hooks/useMenu/reducer.js
index 0d71059fe2..a26ee0266b 100644
--- a/packages/core/admin/admin/src/hooks/useMenu/reducer.js
+++ b/packages/core/admin/admin/src/hooks/useMenu/reducer.js
@@ -1,11 +1,14 @@
 /* eslint-disable consistent-return */
 import produce from 'immer';
+import Cog from '@strapi/icons/Cog';
+import Puzzle from '@strapi/icons/Puzzle';
+import ShoppingCart from '@strapi/icons/ShoppingCart';
 import adminPermissions from '../../permissions';
 
 const initialState = {
   generalSectionLinks: [
     {
-      icon: 'list',
+      icon: Puzzle,
       intlLabel: {
         id: 'app.components.LeftMenuLinkContainer.listPlugins',
         defaultMessage: 'Plugins',
@@ -14,7 +17,7 @@ const initialState = {
       permissions: adminPermissions.marketplace.main,
     },
     {
-      icon: 'shopping-basket',
+      icon: ShoppingCart,
       intlLabel: {
         id: 'app.components.LeftMenuLinkContainer.installNewPlugin',
         defaultMessage: 'Marketplace',
@@ -23,7 +26,7 @@ const initialState = {
       permissions: adminPermissions.marketplace.main,
     },
     {
-      icon: 'cog',
+      icon: Cog,
       intlLabel: {
         id: 'app.components.LeftMenuLinkContainer.settings',
         defaultMessage: 'Settings',
diff --git a/packages/core/content-type-builder/admin/src/components/PluginIcon/index.js b/packages/core/content-type-builder/admin/src/components/PluginIcon/index.js
index 3edb42c8ac..1da7820068 100644
--- a/packages/core/content-type-builder/admin/src/components/PluginIcon/index.js
+++ b/packages/core/content-type-builder/admin/src/components/PluginIcon/index.js
@@ -5,9 +5,8 @@
  */
 
 import React from 'react';
-import { Icon } from '@strapi/design-system/Icon';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import Layout from '@strapi/icons/Layout';
 
-const PluginIcon = () => <Icon as={() => <FontAwesomeIcon icon="paint-brush" />} width="16px" />;
+const PluginIcon = () => <Layout />;
 
 export default PluginIcon;
diff --git a/packages/core/upload/admin/src/components/PluginIcon/index.js b/packages/core/upload/admin/src/components/PluginIcon/index.js
index 6ec5a49c2d..6504895485 100644
--- a/packages/core/upload/admin/src/components/PluginIcon/index.js
+++ b/packages/core/upload/admin/src/components/PluginIcon/index.js
@@ -5,11 +5,8 @@
  */
 
 import React from 'react';
-import { Icon } from '@strapi/design-system/Icon';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import Landscape from '@strapi/icons/Landscape';
 
-const PluginIcon = () => (
-  <Icon as={() => <FontAwesomeIcon icon="cloud-upload-alt" />} width="16px" />
-);
+const PluginIcon = () => <Landscape />;
 
 export default PluginIcon;
diff --git a/packages/generators/generators/lib/files/plugin/admin/src/components/PluginIcon/index.js b/packages/generators/generators/lib/files/plugin/admin/src/components/PluginIcon/index.js
index 8f9fa8f7e6..a7c98f7bd5 100644
--- a/packages/generators/generators/lib/files/plugin/admin/src/components/PluginIcon/index.js
+++ b/packages/generators/generators/lib/files/plugin/admin/src/components/PluginIcon/index.js
@@ -5,9 +5,8 @@
  */
 
 import React from 'react';
-import { Icon } from '@strapi/design-system/Icon';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import Puzzle from '@strapi/icons/Puzzle';
 
-const PluginIcon = () => <Icon as={() => <FontAwesomeIcon icon="plug" />} width="16px" />;
+const PluginIcon = () => <Puzzle />;
 
 export default PluginIcon;
diff --git a/packages/plugins/documentation/admin/src/components/PluginIcon/index.js b/packages/plugins/documentation/admin/src/components/PluginIcon/index.js
index af81ffd74f..8917e9545e 100644
--- a/packages/plugins/documentation/admin/src/components/PluginIcon/index.js
+++ b/packages/plugins/documentation/admin/src/components/PluginIcon/index.js
@@ -5,9 +5,8 @@
  */
 
 import React from 'react';
-import { Icon } from '@strapi/design-system/Icon';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import Information from '@strapi/icons/Information';
 
-const PluginIcon = () => <Icon as={() => <FontAwesomeIcon icon="book" />} width="16px" />;
+const PluginIcon = () => <Information />;
 
 export default PluginIcon;