|
|
@@ -1,7 +1,9 @@
|
|
|
import { Loader2 } from "lucide-react";
|
|
|
import { useDashboard } from "./context/DashboardContext";
|
|
|
+import { useTranslation } from "react-i18next";
|
|
|
|
|
|
export function TopCallIntents() {
|
|
|
+ const { t } = useTranslation();
|
|
|
const { stats, loading } = useDashboard();
|
|
|
|
|
|
if (loading) {
|
|
|
@@ -18,11 +20,11 @@ export function TopCallIntents() {
|
|
|
return (
|
|
|
<div className="space-y-6">
|
|
|
<div className="flex items-center justify-between">
|
|
|
- <h3 className="text-lg font-semibold text-white">Top Call Intents</h3>
|
|
|
- <span className="text-sm text-slate-400">Last 24 hours</span>
|
|
|
+ <h3 className="text-lg font-semibold text-white">{t('analytics.charts.topCallIntents')}</h3>
|
|
|
+ <span className="text-sm text-slate-400">{t('analytics.charts.last24Hours')}</span>
|
|
|
</div>
|
|
|
<div className="text-center text-slate-400 py-8">
|
|
|
- No call data available yet
|
|
|
+ {t('dashboard.noCallData')}
|
|
|
</div>
|
|
|
</div>
|
|
|
);
|
|
|
@@ -31,8 +33,8 @@ export function TopCallIntents() {
|
|
|
return (
|
|
|
<div className="space-y-6">
|
|
|
<div className="flex items-center justify-between">
|
|
|
- <h3 className="text-lg font-semibold text-white">Top Call Intents</h3>
|
|
|
- <span className="text-sm text-slate-400">Last 24 hours</span>
|
|
|
+ <h3 className="text-lg font-semibold text-white">{t('analytics.charts.topCallIntents')}</h3>
|
|
|
+ <span className="text-sm text-slate-400">{t('analytics.charts.last24Hours')}</span>
|
|
|
</div>
|
|
|
|
|
|
<div className="space-y-4">
|