From f57d10d8570cf9409d22b328276acd8a358dbce2 Mon Sep 17 00:00:00 2001
From: David Walsh <davidwalsh83@gmail.com>
Date: Wed, 22 Feb 2023 11:13:48 -0600
Subject: [PATCH] UX: Icons: Remove unused overview icons (#17671)

* UX: Icons: Remove unused overview icons

* Add args
---
 .storybook/2.DOCUMENTATION.stories.mdx        |  6 +--
 ui/components/ui/button/button.stories.js     | 11 +++--
 ui/components/ui/icon/README.mdx              | 16 -------
 .../ui/icon/overview-send-icon.component.js   | 43 -------------------
 4 files changed, 8 insertions(+), 68 deletions(-)
 delete mode 100644 ui/components/ui/icon/overview-send-icon.component.js

diff --git a/.storybook/2.DOCUMENTATION.stories.mdx b/.storybook/2.DOCUMENTATION.stories.mdx
index 9552b2c5b..21f0d29d7 100644
--- a/.storybook/2.DOCUMENTATION.stories.mdx
+++ b/.storybook/2.DOCUMENTATION.stories.mdx
@@ -48,7 +48,7 @@ The example below displays the `Button` component and it explains how we should
 
 import React from 'react';
 
-import BuyIcon from '../icon/overview-buy-icon.component';
+import IconTokenSearch from '../icon/icon-token-search';
 
 // The mdx file to document props and usage
 import README from './README.mdx';
@@ -92,9 +92,9 @@ export default {
       control: {
         type: 'select',
       },
-      options: ['BuyIcon'],
+      options: ['IconTokenSearch'],
       mapping: {
-        BuyIcon: <BuyIcon />,
+        IconTokenSearch: <IconTokenSearch />,
       },
     },
   },
diff --git a/ui/components/ui/button/button.stories.js b/ui/components/ui/button/button.stories.js
index 1bd4fa05b..9772b8ed3 100644
--- a/ui/components/ui/button/button.stories.js
+++ b/ui/components/ui/button/button.stories.js
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import BuyIcon from '../icon/overview-buy-icon.component';
+import IconTokenSearch from '../icon/icon-token-search';
 
 import README from './README.mdx';
 import Button from '.';
@@ -36,9 +36,9 @@ export default {
       control: {
         type: 'select',
       },
-      options: ['BuyIcon'],
+      options: ['IconTokenSearch'],
       mapping: {
-        BuyIcon: <BuyIcon />,
+        IconTokenSearch: <IconTokenSearch />,
       },
     },
     submit: { control: 'boolean' },
@@ -132,11 +132,10 @@ TypeInline.args = {
 };
 
 export const Icon = (args) => <Button {...args}>{args.children}</Button>;
-
 Icon.args = {
   type: 'primary',
-  icon: <BuyIcon />,
-  children: 'Buy',
+  icon: <IconTokenSearch />,
+  children: 'Search',
 };
 
 export const Submit = (args) => (
diff --git a/ui/components/ui/icon/README.mdx b/ui/components/ui/icon/README.mdx
index 4eee1c29b..b9c654992 100644
--- a/ui/components/ui/icon/README.mdx
+++ b/ui/components/ui/icon/README.mdx
@@ -146,22 +146,6 @@ Use the `className` prop to add an additional class to the icon. This additional
 
 <ArgsTable of={SunCheck} />
 
-## BuyIcon
-
-<Canvas>
-  <Story id="components-ui-icon--buy-icon-story" />
-</Canvas>
-
-<ArgsTable of={BuyIcon} />
-
-## SwapIcon
-
-<Canvas>
-  <Story id="components-ui-icon--swap-icon-story" />
-</Canvas>
-
-<ArgsTable of={SwapIcon} />
-
 ## Send/SwapIcon
 
 <Canvas>
diff --git a/ui/components/ui/icon/overview-send-icon.component.js b/ui/components/ui/icon/overview-send-icon.component.js
deleted file mode 100644
index b86fac387..000000000
--- a/ui/components/ui/icon/overview-send-icon.component.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-/**
- * @deprecated This has been deprecated in favour of the `<Icon />` component in ./ui/components/component-library/icon/icon.js
- * See storybook documentation for Icon here https://metamask.github.io/metamask-storybook/?path=/docs/components-componentlibrary-icon--default-story#icon
- */
-
-export default function SwapIcon({
-  width = '15',
-  height = '15',
-  fill = 'white',
-}) {
-  return (
-    <svg
-      width={width}
-      height={height}
-      viewBox={`0 0 ${width} ${height}`}
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M13.6827 0.889329C13.6458 0.890495 13.609 0.893722 13.5725 0.898996H7.76263C7.40564 0.893947 7.07358 1.08151 6.89361 1.38986C6.71364 1.69821 6.71364 2.07958 6.89361 2.38793C7.07358 2.69628 7.40564 2.88384 7.76263 2.87879H11.3124L1.12335 13.0678C0.864749 13.3161 0.760577 13.6848 0.851011 14.0315C0.941446 14.3786 1.21235 14.6495 1.55926 14.7399C1.90616 14.8303 2.27485 14.7262 2.52313 14.4676L12.7121 4.27857V7.82829C12.7071 8.18528 12.8946 8.51734 13.203 8.69731C13.5113 8.87728 13.8927 8.87728 14.2011 8.69731C14.5094 8.51734 14.697 8.18528 14.6919 7.82829V2.01457C14.7318 1.7261 14.6427 1.43469 14.4483 1.2179C14.2538 1.00111 13.9738 0.880924 13.6827 0.889329Z"
-        fill={fill}
-      />
-    </svg>
-  );
-}
-
-SwapIcon.propTypes = {
-  /**
-   * Width of the icon
-   */
-  width: PropTypes.string,
-  /**
-   * Height of the icon
-   */
-  height: PropTypes.string,
-  /**
-   * Fill  of the icon should be a valid design system color
-   */
-  fill: PropTypes.string,
-};