mirror of
https://github.com/SamyRai/turash.git
synced 2025-12-26 23:01:33 +00:00
673e8d4361
Some checks failed
CI/CD Pipeline / backend-lint (push) Failing after 31s
CI/CD Pipeline / backend-build (push) Has been skipped
CI/CD Pipeline / frontend-lint (push) Failing after 1m37s
CI/CD Pipeline / frontend-build (push) Has been skipped
CI/CD Pipeline / e2e-test (push) Has been skipped
- Replace all 'any' types with proper TypeScript interfaces - Fix React hooks setState in useEffect issues with lazy initialization - Remove unused variables and imports across all files - Fix React Compiler memoization dependency issues - Add comprehensive i18n translation keys for admin interfaces - Apply consistent prettier formatting throughout codebase - Clean up unused bulk editing functionality - Improve type safety and code quality across frontend Files changed: 39 - ImpactMetrics.tsx: Fixed any types and interfaces - AdminVerificationQueuePage.tsx: Added i18n keys, removed unused vars - LocalizationUIPage.tsx: Fixed memoization, added translations - LocalizationDataPage.tsx: Added type safety and translations - And 35+ other files with various lint fixes
83 lines
2.9 KiB
TypeScript
83 lines
2.9 KiB
TypeScript
import SimpleBarChart from '@/components/analytics/SimpleBarChart.tsx';
|
|
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card.tsx';
|
|
import { Grid } from '@/components/ui/layout';
|
|
import MetricItem from '@/components/ui/MetricItem.tsx';
|
|
import { useOrganizationStats } from '@/hooks/api/useAdminAPI.ts';
|
|
import { useTranslation } from '@/hooks/useI18n.tsx';
|
|
import { useMemo } from 'react';
|
|
|
|
const AdminOrganizationsAnalyticsPage = () => {
|
|
const { t } = useTranslation();
|
|
const { data: stats, isLoading } = useOrganizationStats();
|
|
|
|
const bySector = useMemo(() => {
|
|
if (!stats) return [] as Array<{ label: string; value: number }>;
|
|
return Object.entries(stats.bySector || {}).map(([label, value]) => ({ label, value }));
|
|
}, [stats]);
|
|
|
|
const bySubtype = useMemo(() => {
|
|
if (!stats) return [] as Array<{ label: string; value: number }>;
|
|
return Object.entries(stats.bySubtype || {}).map(([label, value]) => ({ label, value }));
|
|
}, [stats]);
|
|
|
|
return (
|
|
<div className="space-y-6">
|
|
<div className="flex items-center justify-between">
|
|
<div>
|
|
<h1 className="text-2xl font-bold">{t('admin.analytics.organizations.title')}</h1>
|
|
<p className="text-muted-foreground">{t('admin.analytics.organizations.subtitle')}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<Grid cols={{ md: 2, lg: 4 }} gap="md">
|
|
<MetricItem label={t('admin.analytics.organizations.total')} value={stats?.total ?? 0} />
|
|
<MetricItem
|
|
label={t('admin.analytics.organizations.verified')}
|
|
value={stats?.verified ?? 0}
|
|
/>
|
|
<MetricItem
|
|
label={t('admin.analytics.organizations.pending')}
|
|
value={stats?.pending ?? 0}
|
|
/>
|
|
<MetricItem
|
|
label={t('admin.analytics.organizations.newThisMonth')}
|
|
value={stats?.newThisMonth ?? 0}
|
|
/>
|
|
</Grid>
|
|
|
|
<Grid cols={{ md: 2 }} gap="lg">
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle>{t('admin.analytics.organizations.bySector')}</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
{isLoading ? (
|
|
<div className="py-8 text-center text-muted-foreground">{t('common.loading')}</div>
|
|
) : (
|
|
<SimpleBarChart data={bySector} title={t('admin.analytics.organizations.bySector')} />
|
|
)}
|
|
</CardContent>
|
|
</Card>
|
|
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle>{t('admin.analytics.organizations.bySubtype')}</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
{isLoading ? (
|
|
<div className="py-8 text-center text-muted-foreground">{t('common.loading')}</div>
|
|
) : (
|
|
<SimpleBarChart
|
|
data={bySubtype}
|
|
title={t('admin.analytics.organizations.bySubtype')}
|
|
/>
|
|
)}
|
|
</CardContent>
|
|
</Card>
|
|
</Grid>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default AdminOrganizationsAnalyticsPage;
|