arbitrum messages status update

ui/shared/statusTag/ArbitrumL2MessageStatus.tsx

@@ -12,18 +12,36 @@ export interface Props {
 
 const ArbitrumL2MessageStatus = ({ status, isLoading }: Props) => {
   let type: StatusTagType;
+  let text: string;
 
   switch (status) {
-    case 'relayed':
-    case 'confirmed':
+    case 'relayed': {
       type = 'ok';
+      text = 'Relayed';
       break;
+    }
+    case 'confirmed': {
+      type = 'ok';
+      text = 'Ready for relay';
+      break;
+    }
+    case 'sent': {
+      type = 'pending';
+      text = 'Waiting';
+      break;
+    }
+    case 'initiated': {
+      type = 'pending';
+      text = 'Pending';
+      break;
+    }
     default:
       type = 'pending';
+      text = status;
       break;
   }
 
-  return <StatusTag type={ type } text={ status } isLoading={ isLoading }/>;
+  return <StatusTag type={ type } text={ text } isLoading={ isLoading }/>;
 };
 
 export default ArbitrumL2MessageStatus;