update

ChainSafe · Dec 5, 2023 · fa72ea3 · fa72ea3
1 parent a28e412
commit fa72ea3
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/packages/ui/src/components/LoadingBox.tsx b/packages/ui/src/components/LoadingBox.tsx
@@ -3,11 +3,11 @@ import { Box, CircularProgress } from '@mui/material'
 
 interface Props {
   message: string
-  dataCy?: string
+  testId?: string
 }
 
-const LoadingBox = ({ message, dataCy }: Props) => (
-  <MessageBox data-cy={dataCy}>
+const LoadingBox = ({ message, testId }: Props) => (
+  <MessageBox data-cy={`loader-${testId}`}>
     <CircularProgress />
     <div>{message}</div>
   </MessageBox>

diff --git a/packages/ui/src/hooks/useDisplayLoader.tsx b/packages/ui/src/hooks/useDisplayLoader.tsx
@@ -16,7 +16,7 @@ export const useDisplayLoader = () => {
     return (
       <LoadingBox
         message="Initialization..."
-        dataCy="loader-initialization"
+        testId="initialization"
       />
     )
   }
@@ -25,7 +25,7 @@ export const useDisplayLoader = () => {
     return (
       <LoadingBox
         message={`Connecting to the node at ${selectedNetworkInfo?.rpcUrl}`}
-        dataCy="loader-rpc-connection"
+        testId="rpc-connection"
       />
     )
   }
@@ -34,7 +34,7 @@ export const useDisplayLoader = () => {
     return (
       <LoadingBox
         message="Loading your accounts..."
-        dataCy="loader-accounts-connection"
+        testId="accounts-connection"
       />
     )
   }
@@ -43,7 +43,7 @@ export const useDisplayLoader = () => {
     return (
       <LoadingBox
         message="Loading your multisigs..."
-        dataCy="loader-multisigs"
+        testId="multisigs"
       />
     )
   }

diff --git a/packages/ui/src/pages/Overview/index.tsx b/packages/ui/src/pages/Overview/index.tsx
@@ -48,7 +48,7 @@ const Overview = ({ className }: Props) => {
     return (
       <LoadingBox
         message="Loading your multisigs..."
-        dataCy="loader-multisigs"
+        testId="multisigs"
       />
     )
   }