Set era to 900 blocks

src/api/era.tsx

@@ -4,7 +4,9 @@ import { ExtrinsicEra } from "@polkadot/types/interfaces/extrinsics"
 import { bnToBn } from "@polkadot/util"
 import { useTimestamp } from "./timestamp"
 import { useMemo } from "react"
-import { BLOCK_TIME } from "utils/constants"
+import { PARACHAIN_BLOCK_TIME } from "utils/constants"
+
+const DEFAULT_PERIOD = 900
 
 export const useEra = (
   era: ExtrinsicEra,
@@ -14,21 +16,27 @@ export const useEra = (
   const blockNumber = bnToBn(hexBlockNumber)
 
   const mortal = useMemo(() => {
+    if (blockNumber.isZero()) return null
     if (era.isMortalEra) {
       const mortal = era.asMortalEra
       const period = new BN(mortal.period.toHex()) // Blocks validity
 
-      if (!blockNumber.isZero()) {
-        const birth = new BN(mortal.birth(blockNumber))
-        const death = new BN(mortal.death(blockNumber))
-        return {
-          birth,
-          death,
-          period,
-        }
+      const birth = new BN(mortal.birth(blockNumber))
+      const death = new BN(mortal.death(blockNumber))
+      return {
+        birth,
+        death,
+        period,
       }
     }
-    return null
+
+    const birth = new BN(blockNumber.toString())
+    const period = new BN(DEFAULT_PERIOD)
+    return {
+      birth,
+      death: birth.plus(period),
+      period,
+    }
   }, [era, blockNumber])
 
   const timestamp = useTimestamp(mortal?.birth, enabled)
@@ -38,14 +46,21 @@ export const useEra = (
       const birthDate = new Date(timestamp.data)
       const deathDate = addSeconds(
         birthDate,
-        mortal.period.times(BLOCK_TIME).toNumber(),
+        mortal.period.times(PARACHAIN_BLOCK_TIME).toNumber(),
       )
       return {
         birthDate,
         deathDate,
+        period: mortal.period,
+        isLoading: false,
       }
     }
 
-    return null
-  }, [timestamp.data, mortal?.period])
+    return {
+      birthDate: null,
+      deathDate: null,
+      period: null,
+      isLoading: timestamp.isLoading,
+    }
+  }, [timestamp.data, timestamp.isLoading, mortal?.period])
 }

src/api/timestamp.ts

@@ -11,12 +11,13 @@ export function useTimestamp(
   enabled = true,
 ) {
   const { api } = useRpcProvider()
+  const queryEnabled = !!blockNumber && enabled
+
   return useQuery(
     QUERY_KEYS.timestamp(blockNumber),
-    () =>
-      blockNumber !== null ? getTimestamp(api, blockNumber) : undefinedNoop(),
+    () => (queryEnabled ? getTimestamp(api, blockNumber) : undefinedNoop()),
     {
-      enabled: !!blockNumber && enabled,
+      enabled: queryEnabled,
     },
   )
 }
@@ -25,7 +26,7 @@ export async function getTimestamp(
   api: ApiPromise,
   blockNumber?: u32 | BigNumber,
 ) {
-  if (blockNumber != null) {
+  if (blockNumber) {
     const blockHash = await api.rpc.chain.getBlockHash(blockNumber.toString())
     const apiAt = await api.at(blockHash)
     const now = await apiAt.query.timestamp.now()

src/i18n/locales/en/translations.json

@@ -377,7 +377,7 @@
   "otc.offers.table.header.status": "Order status",
   "otc.offers.table.actions.fill": "Fill order",
   "otc.offers.table.actions.cancel": "Cancel order",
-  "transaction.mortal.expire": "{{ date, dd/MM/yyyy hh:mm:ss }}",
+  "transaction.mortal.expire": "{{ date, dd/MM/yyyy HH:mm:ss }}",
   "transaction.immortal.expire": "Never",
   "walletConnect.provider.title": "Connect wallet",
   "walletConnect.provider.description.default": "Select your wallet of choice.",
@@ -909,7 +909,7 @@
   "migration.export.question": "Would you like to migrate all past app settings to the new app?",
   "migration.export.button": "Migrate Settings",
   "migration.import.overwrite.title": "Do you wish to overwrite your settings?",
-  "migration.import.overwrite.description": "You already transferred your settings on {{ date, dd/MM/yyyy hh:mm:ss }}. Do you wish to overwrite your current settings?",
+  "migration.import.overwrite.description": "You already transferred your settings on {{ date, dd/MM/yyyy HH:mm:ss }}. Do you wish to overwrite your current settings?",
   "migration.import.overwrite.button": "Overwrite Settings",
   "migration.import.confirm.title": "You have opened a migration link",
   "migration.import.confirm.description": "Do you want to import new app settings?",

src/sections/transaction/ReviewTransactionForm.tsx

@@ -83,6 +83,7 @@ export const ReviewTransactionForm: FC<Props> = (props) => {
     isLinkedAccount,
     storedReferralCode,
     tx,
+    era,
   } = transactionValues.data
 
   const isLinking = !isLinkedAccount && storedReferralCode
@@ -121,6 +122,7 @@ export const ReviewTransactionForm: FC<Props> = (props) => {
         }
 
         const signature = await tx.signAsync(address, {
+          era: era?.period?.toNumber(),
           tip: tipAmount?.gte(0) ? tipAmount.toString() : undefined,
           signer: wallet.signer,
           // defer to polkadot/api to handle nonce w/ regard to mempool

src/sections/transaction/ReviewTransactionForm.utils.tsx

@@ -105,7 +105,6 @@ export const useTransactionValues = ({
   const era = useEra(
     boundedTx.era,
     bestNumber.data?.parachainBlockNumber.toString(),
-    boundedTx.era.isMortalEra,
   )
 
   const feePaymentValue = paymentInfo?.partialFee.toBigNumber() ?? BN_NAN

src/sections/transaction/ReviewTransactionSummary.tsx

@@ -24,7 +24,6 @@ type ReviewTransactionSummaryProps = {
 }
 
 export const ReviewTransactionSummary: FC<ReviewTransactionSummaryProps> = ({
-  tx,
   transactionValues,
   xcallMeta,
   editFeePaymentAssetEnabled,
@@ -116,11 +115,19 @@ export const ReviewTransactionSummary: FC<ReviewTransactionSummaryProps> = ({
         rows={[
           {
             label: t("liquidity.reviewTransaction.modal.detail.lifetime"),
-            content: tx.era.isMortalEra
-              ? t("transaction.mortal.expire", {
-                  date: era?.deathDate,
-                })
-              : t("transaction.immortal.expire"),
+            content: (
+              <Text fs={14}>
+                {era?.isLoading ? (
+                  <Skeleton width={100} height={16} />
+                ) : era?.deathDate ? (
+                  t("transaction.mortal.expire", {
+                    date: era.deathDate,
+                  })
+                ) : (
+                  t("transaction.immortal.expire")
+                )}
+              </Text>
+            ),
           },
           {
             label: t("liquidity.reviewTransaction.modal.detail.nonce"),