From b40b4c623985d430119043f57311d76e37576860 Mon Sep 17 00:00:00 2001
From: rohit kerkar <129620973+rohiiittttt@users.noreply.github.com>
Date: Tue, 6 Jun 2023 14:20:45 +0530
Subject: [PATCH] replacing depricated constants (#19447)

---
 ui/components/app/add-network/add-network.js | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/ui/components/app/add-network/add-network.js b/ui/components/app/add-network/add-network.js
index d0eca654b..fb1184122 100644
--- 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}
                 >