pooyadf/robinnetwork_website_new_client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use localized academy blog title

Browse Source
This commit is contained in:
Mohammad Saeed Roosta
2026-05-09 06:49:35 +03:30
parent 8801dee4b5
commit 7e25aed979
1 changed files with 26 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/components/home/Academy.tsx
View File

@@ -31,30 +31,34 @@ export default function Academy({ data }: { data: Blog[] }) {
</div>
<div className="grid grid-cols-1 gap-6 md:grid-cols-3">
{data.map((b) => (
<Link
href={`/${locale}/academy/${b.href}`}
key={b.id}
className="flex flex-col justify-between p-6 transition-all duration-300 border group bg-slate-900/40 border-slate-800 hover:border-orange-500/50 rounded-2xl"
>
<div>
<div className="flex items-center gap-3 mb-4">
<span className="px-3 py-1 text-xs text-orange-500 border rounded-full bg-orange-500/10 border-orange-500/20">{t("newBadge")}</span>
<span className="flex items-center gap-1 text-xs text-gray-500">
<User className="w-3 h-3" />
{b.writer.username}
</span>
{data.map((b) => {
const translation = b.translations.find((item) => item.language === locale) || b.translations[0];
return (
<Link
href={`/${locale}/academy/${b.href}`}
key={b.id}
className="flex flex-col justify-between p-6 transition-all duration-300 border group bg-slate-900/40 border-slate-800 hover:border-orange-500/50 rounded-2xl"
>
<div>
<div className="flex items-center gap-3 mb-4">
<span className="px-3 py-1 text-xs text-orange-500 border rounded-full bg-orange-500/10 border-orange-500/20">{t("newBadge")}</span>
<span className="flex items-center gap-1 text-xs text-gray-500">
<User className="w-3 h-3" />
{b.writer.username}
</span>
</div>
<h3 className="mb-4 text-lg font-bold leading-relaxed text-gray-200 transition-colors group-hover:text-white">{translation?.title}</h3>
</div>
<h3 className="mb-4 text-lg font-bold leading-relaxed text-gray-200 transition-colors group-hover:text-white">{b.title}</h3>
</div>
<div className="flex items-center justify-between pt-4 text-sm text-gray-500 border-t border-slate-800/50">
<span>{formatDateByLocale(b.publishedAt.toString(), locale)}</span>
<span className="text-orange-500 transition-opacity opacity-0 group-hover:opacity-100">{t("read")}</span>
</div>
</Link>
))}
<div className="flex items-center justify-between pt-4 text-sm text-gray-500 border-t border-slate-800/50">
<span>{formatDateByLocale(b.publishedAt.toString(), locale)}</span>
<span className="text-orange-500 transition-opacity opacity-0 group-hover:opacity-100">{t("read")}</span>
</div>
</Link>
);
})}
</div>
</section>
);