frontend: relay; finalize message tx check

Author: miguelmota

packages/frontend/src/pages/Relay/Relay.tsx

@@ -185,7 +185,7 @@ export const Relay: FC = () => {
             console.log('receipt', receipt)
           } catch (err: any) {
             console.error(err)
-            throw new Error(`Failed to relay commit transfer tx on ${l1Network.slug}. Error: ${err.message}`)
+            throw new Error(`Failed to relay commit transfer tx on ${l1Network.slug}. Error: ${err.message}. You may need to wait a few more hours to relay this transfer.`)
           }
           setLoading(false)
           resolve(null)

packages/frontend/src/pages/Relay/relayer/OptimismRelayer.ts

@@ -27,6 +27,10 @@ export class OptimismRelayer extends Relayer<CrossChainMessage, MessageStatus> {
 
   async sendRelayTx (message: CrossChainMessage, messageDirection: MessageDirection): Promise<providers.TransactionResponse> {
     if (messageDirection === MessageDirection.L2_TO_L1) {
+      const messageStatus = await this.getMessageStatus(message)
+      if (messageStatus === MessageStatus.READY_FOR_RELAY) {
+        return this.#csm.finalizeMessage(message)
+      }
       return this.#csm.proveMessage(message)
     }