Change COLORS reference to Color (#17599)

* Change COLORS reference to Color * Fix lint
MetaMask · Feb 3, 2023 · 678ad63 · 678ad63
1 parent 330cba6
commit 678ad63
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/ui/components/app/flask/copyable/copyable.js b/ui/components/app/flask/copyable/copyable.js
@@ -11,6 +11,7 @@ import {
   TypographyVariant,
   BackgroundColor,
   TextColor,
+  Color,
 } from '../../../../helpers/constants/design-system';
 import { useCopyToClipboard } from '../../../../hooks/useCopyToClipboard';
 import { Icon, ICON_NAMES, ICON_SIZES } from '../../../component-library';
@@ -48,13 +49,13 @@ export const Copyable = ({ text }) => {
           <Icon
             name={ICON_NAMES.COPY_SUCCESS}
             size={ICON_SIZES.LG}
-            color={COLORS.ICON_ALTERNATIVE}
+            color={Color.iconAlternative}
           />
         ) : (
           <Icon
             name={ICON_NAMES.COPY}
             size={ICON_SIZES.LG}
-            color={COLORS.ICON_ALTERNATIVE}
+            color={Color.iconAlternative}
             onClick={() => handleCopy(text)}
           />
         )}

diff --git a/ui/components/app/modals/contract-details-modal/contract-details-modal.js b/ui/components/app/modals/contract-details-modal/contract-details-modal.js
@@ -21,6 +21,7 @@ import {
   BorderStyle,
   BorderColor,
   TextColor,
+  Color,
 } from '../../../../helpers/constants/design-system';
 import { useCopyToClipboard } from '../../../../hooks/useCopyToClipboard';
 import UrlIcon from '../../../ui/url-icon/url-icon';
@@ -153,7 +154,7 @@ export default function ContractDetailsModal({
                           : ICON_NAMES.COPY
                       }
                       onClick={() => handleCopyTokenAddress(tokenAddress)}
-                      color={COLORS.ICON_MUTED}
+                      color={Color.iconMuted}
                     />
                   </Tooltip>
                 </Box>
@@ -269,7 +270,7 @@ export default function ContractDetailsModal({
                     copiedToAddress ? ICON_NAMES.COPY_SUCCESS : ICON_NAMES.COPY
                   }
                   onClick={() => handleCopyToAddress(toAddress)}
-                  color={COLORS.ICON_MUTED}
+                  color={Color.iconMuted}
                 />
               </Tooltip>
             </Box>