Update the logic for showing transaction status

dapp/src/components/TransactionHistory/Table/Cell/components/Status.tsx

@@ -5,21 +5,21 @@ import { TextProps } from "@chakra-ui/react"
 import SimpleText from "./SimpleText"
 
 type StatusProps = {
-  status: TransactionInfoStatus
+  status?: TransactionInfoStatus
 } & TextProps
 
 function Status({ status, ...textProps }: StatusProps) {
   if (status === "syncing")
     return <StatusInfo status={status} withDefaultColor {...textProps} />
 
-  if (status === "pending")
-    return (
-      <SimpleText color="grey.400" {...textProps}>
-        In queue
-      </SimpleText>
-    )
+  if (status === "completed")
+    return <StatusInfo status={status} {...textProps} />
 
-  return <StatusInfo status={status} {...textProps} />
+  return (
+    <SimpleText color="grey.400" {...textProps}>
+      In queue
+    </SimpleText>
+  )
 }
 
 export default Status