pezkuwichain/pwap
1
0
Fork 0
mirror of https://github.com/pezkuwichain/pwap.git synced 2026-06-19 18:41:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: hero stats - format staked tokens, real trust score, active-only proposals

Browse Source
This commit is contained in:
Kurdistan Tech Ministry
2026-02-17 03:11:21 +03:00
parent 194816c9e9
commit 6d70a2793a
1 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/HeroSection.tsx
+13 -7
View File
@@ -14,14 +14,14 @@ const HeroSection: React.FC = () => {
activeProposals: 0, activeProposals: 0,
totalVoters: 0, totalVoters: 0,
tokensStaked: '0', tokensStaked: '0',
trustScore: 0 trustScore: null as number | null
}); });
useEffect(() => { useEffect(() => {
const fetchStats = async () => { const fetchStats = async () => {
if (!api || !isApiReady) return; if (!api || !isApiReady) return;
let currentTrustScore = 0; // Default if not fetched or no account let currentTrustScore: number | null = null; // null = not logged in
if (selectedAccount?.address) { if (selectedAccount?.address) {
try { try {
// Use frontend fallback for trust score // Use frontend fallback for trust score
@@ -35,11 +35,14 @@ const HeroSection: React.FC = () => {
} }
try { try {
// Fetch active referenda // Fetch active (ongoing) referenda only
let activeProposals = 0; let activeProposals = 0;
try { try {
const referendaCount = await api.query.referenda.referendumCount(); const entries = await api.query.referenda.referendumInfoFor.entries();
activeProposals = referendaCount.toNumber(); activeProposals = entries.filter(([, info]) => {
const data = info.toJSON();
return data && typeof data === 'object' && 'ongoing' in data;
}).length;
} catch (err) { } catch (err) {
if (import.meta.env.DEV) console.warn('Failed to fetch referenda:', err); if (import.meta.env.DEV) console.warn('Failed to fetch referenda:', err);
} }
@@ -52,7 +55,10 @@ const HeroSection: React.FC = () => {
const eraIndex = currentEra.unwrap().toNumber(); const eraIndex = currentEra.unwrap().toNumber();
const totalStake = await api.query.staking.erasTotalStake(eraIndex); const totalStake = await api.query.staking.erasTotalStake(eraIndex);
const formatted = formatBalance(totalStake.toString()); const formatted = formatBalance(totalStake.toString());
tokensStaked = `${formatted} HEZ`; const [whole, frac] = formatted.split('.');
const formattedWhole = Number(whole).toLocaleString();
const formattedFrac = (frac || '00').slice(0, 2);
tokensStaked = `${formattedWhole}.${formattedFrac} HEZ`;
} }
} catch (err) { } catch (err) {
if (import.meta.env.DEV) console.warn('Failed to fetch total stake:', err); if (import.meta.env.DEV) console.warn('Failed to fetch total stake:', err);
@@ -137,7 +143,7 @@ const HeroSection: React.FC = () => {
<div className="text-xs sm:text-sm text-gray-300 font-medium">{t('hero.stats.tokensStaked', 'Tokens Staked')}</div> <div className="text-xs sm:text-sm text-gray-300 font-medium">{t('hero.stats.tokensStaked', 'Tokens Staked')}</div>
</div> </div>
<div className="bg-gray-900/70 backdrop-blur-md rounded-xl border border-green-500/40 p-4 sm:p-6 hover:border-green-500/60 transition-all"> <div className="bg-gray-900/70 backdrop-blur-md rounded-xl border border-green-500/40 p-4 sm:p-6 hover:border-green-500/60 transition-all">
<div className="text-2xl sm:text-4xl font-bold text-green-400 mb-2">{stats.trustScore}%</div> <div className="text-2xl sm:text-4xl font-bold text-green-400 mb-2">{stats.trustScore !== null ? stats.trustScore : t('hero.stats.loginToSee', 'Login')}</div>
<div className="text-xs sm:text-sm text-gray-300 font-medium">{t('hero.stats.trustScore', 'Trust Score')}</div> <div className="text-xs sm:text-sm text-gray-300 font-medium">{t('hero.stats.trustScore', 'Trust Score')}</div>
</div> </div>
</div> </div>