pezkuwichain/pwap
1
0
Fork 0
mirror of https://github.com/pezkuwichain/pwap.git synced 2026-04-22 02:07:55 +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,
totalVoters: 0,
tokensStaked: '0',
trustScore: 0
trustScore: null as number | null
});
useEffect(() => {
const fetchStats = async () => {
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) {
try {
// Use frontend fallback for trust score
@@ -35,11 +35,14 @@ const HeroSection: React.FC = () => {
}
try {
// Fetch active referenda
// Fetch active (ongoing) referenda only
let activeProposals = 0;
try {
const referendaCount = await api.query.referenda.referendumCount();
activeProposals = referendaCount.toNumber();
const entries = await api.query.referenda.referendumInfoFor.entries();
activeProposals = entries.filter(([, info]) => {
const data = info.toJSON();
return data && typeof data === 'object' && 'ongoing' in data;
}).length;
} catch (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 totalStake = await api.query.staking.erasTotalStake(eraIndex);
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) {
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>
<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>
</div>