From 272bd9bc1fd4df849ba5723b0d01638a07ec026a Mon Sep 17 00:00:00 2001
From: Jaco <jacogr@gmail.com>
Date: Wed, 23 Nov 2022 19:50:25 +0200
Subject: [PATCH] Display trackId (#8405)

---
 packages/page-referenda/src/Referenda/index.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/page-referenda/src/Referenda/index.tsx b/packages/page-referenda/src/Referenda/index.tsx
index 08e0a02c20..90f05f8535 100644
--- a/packages/page-referenda/src/Referenda/index.tsx
+++ b/packages/page-referenda/src/Referenda/index.tsx
@@ -8,6 +8,7 @@ import React, { useMemo } from 'react';
 import AddPreimage from '@polkadot/app-preimages/Preimages/Add';
 import { Button, Table } from '@polkadot/react-components';
 import { useAccounts } from '@polkadot/react-hooks';
+import { formatNumber } from '@polkadot/util';
 
 import { useTranslation } from '../translate';
 import useReferenda from '../useReferenda';
@@ -48,11 +49,11 @@ function Referenda ({ className, members, palletReferenda, palletVote }: Props):
           tracks={tracks}
         />
       </Button.Group>
-      {grouped.map(({ referenda, trackName }: ReferendaGroup) => (
+      {grouped.map(({ referenda, trackId, trackName }: ReferendaGroup) => (
         <Table
           empty={referenda && t<string>('No active referenda')}
           header={[
-            [trackName || t('referenda'), 'start', 2],
+            [trackName ? `${formatNumber(trackId)} / ${trackName}` : t('referenda'), 'start', 2],
             [undefined, undefined, 6]
           ]}
           key={