replacing depricated constants (#19447)

MetaMask · Jun 6, 2023 · b40b4c6 · b40b4c6
1 parent b64aa7f
commit b40b4c6
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/ui/components/app/add-network/add-network.js b/ui/components/app/add-network/add-network.js
@@ -6,8 +6,8 @@ import { I18nContext } from '../../../contexts/i18n';
 import Box from '../../ui/box';
 import {
   AlignItems,
-  DISPLAY,
-  FLEX_DIRECTION,
+  Display,
+  FlexDirection,
   TextVariant,
   JustifyContent,
   BorderRadius,
@@ -88,8 +88,8 @@ const AddNetwork = () => {
           marginTop={4}
           marginRight={6}
           marginLeft={6}
-          display={DISPLAY.FLEX}
-          flexDirection={FLEX_DIRECTION.ROW}
+          display={Display.Flex}
+          flexDirection={FlexDirection.Row}
           backgroundColor={BackgroundColor.backgroundAlternative}
         >
           <Box marginRight={4}>
@@ -135,9 +135,9 @@ const AddNetwork = () => {
         <Box className="add-network__networks-container">
           {getEnvironmentType() === ENVIRONMENT_TYPE_FULLSCREEN && (
             <Box
-              display={DISPLAY.FLEX}
+              display={Display.Flex}
               alignItems={AlignItems.center}
-              flexDirection={FLEX_DIRECTION.ROW}
+              flexDirection={FlexDirection.Row}
               marginTop={7}
               marginBottom={4}
               paddingBottom={2}
@@ -186,13 +186,13 @@ const AddNetwork = () => {
             {notExistingNetworkConfigurations.map((item, index) => (
               <Box
                 key={index}
-                display={DISPLAY.FLEX}
+                display={Display.Flex}
                 alignItems={AlignItems.center}
                 justifyContent={JustifyContent.spaceBetween}
                 marginBottom={6}
                 className="add-network__list-of-networks"
               >
-                <Box display={DISPLAY.FLEX} alignItems={AlignItems.center}>
+                <Box display={Display.Flex} alignItems={AlignItems.center}>
                   <Box>
                     <IconBorder size={24}>
                       <IconWithFallback
@@ -213,7 +213,7 @@ const AddNetwork = () => {
                   </Box>
                 </Box>
                 <Box
-                  display={DISPLAY.FLEX}
+                  display={Display.Flex}
                   alignItems={AlignItems.center}
                   marginLeft={1}
                 >