haruncan/ContentGen_FE
1
0
Fork 0
generated from fahricansecer/boilerplate-fe
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

main
UI Deploy (Next-Auth Support) 🎨 / build-and-deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Harun CAN
2026-04-30 13:25:43 +02:00
parent 1b69eaf219
commit 5144ee4d9a
22 changed files with 989 additions and 1411 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/[locale]/(dashboard)/dashboard/page.tsx
+26 -26
View File
@@ -61,36 +61,36 @@ function getStatCards(data?: typeof MOCK_STATS, creditBalance?: { balance: numbe
value: String(stats.totalProjects),
change: `${stats.completedVideos} tamamlandı`,
icon: FolderOpen,
gradient: "from-violet-500/12 to-violet-600/5",
iconBg: "bg-violet-500/12",
iconColor: "text-violet-400",
gradient: "from-neutral-500/12 to-neutral-600/5",
iconBg: "bg-neutral-500/12",
iconColor: "text-neutral-400",
},
{
label: "Devam Eden",
value: String(stats.activeRenderJobs),
change: "İşleniyor",
icon: PlayCircle,
gradient: "from-cyan-500/12 to-cyan-600/5",
iconBg: "bg-cyan-500/12",
iconColor: "text-cyan-400",
gradient: "from-neutral-500/12 to-neutral-600/5",
iconBg: "bg-neutral-500/12",
iconColor: "text-neutral-400",
},
{
label: "Tamamlanan",
value: String(stats.completedVideos),
change: "Bu ay",
icon: CheckCircle2,
gradient: "from-emerald-500/12 to-emerald-600/5",
iconBg: "bg-emerald-500/12",
iconColor: "text-emerald-400",
gradient: "from-neutral-500/12 to-neutral-600/5",
iconBg: "bg-neutral-500/12",
iconColor: "text-neutral-400",
},
{
label: "Kalan Kredi",
value: String(credits.balance),
change: `${credits.monthlyLimit} üzerinden`,
icon: Coins,
gradient: "from-amber-500/12 to-amber-600/5",
iconBg: "bg-amber-500/12",
iconColor: "text-amber-400",
gradient: "from-neutral-500/12 to-neutral-600/5",
iconBg: "bg-neutral-500/12",
iconColor: "text-neutral-400",
},
];
}
@@ -116,7 +116,7 @@ export default function DashboardPage() {
if (!mounted) {
return (
<div className="flex items-center justify-center min-h-[60vh]">
<Loader2 size={32} className="animate-spin text-violet-500" />
<Loader2 size={32} className="animate-spin text-neutral-500" />
</div>
);
}
@@ -151,7 +151,7 @@ export default function DashboardPage() {
<motion.div variants={fadeUp} className="grid grid-cols-2 lg:grid-cols-4 gap-3 md:gap-4">
{isLoading ? (
<div className="col-span-4 flex items-center justify-center py-12">
<Loader2 size={28} className="animate-spin text-violet-400" />
<Loader2 size={28} className="animate-spin text-neutral-400" />
</div>
) : (
statCards.map((stat) => {
@@ -184,10 +184,10 @@ export default function DashboardPage() {
<motion.div variants={fadeUp} className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3">
<Link
href="/dashboard/projects/new"
className="group card-surface p-4 flex items-center gap-4 hover:border-violet-500/30"
className="group card-surface p-4 flex items-center gap-4 hover:border-neutral-500/30"
>
<div className="w-11 h-11 rounded-xl bg-gradient-to-br from-violet-500 to-violet-700 flex items-center justify-center shrink-0 shadow-lg group-hover:shadow-violet-500/20 transition-shadow">
<Sparkles size={20} className="text-white" />
<div className="w-11 h-11 rounded-xl bg-[var(--color-bg-inverted)] flex items-center justify-center shrink-0 shadow-lg group-hover:shadow-neutral-500/20 transition-shadow">
<Sparkles size={20} className="text-[var(--color-text-inverted)]" />
</div>
<div>
<h3 className="text-sm font-semibold">AI ile Video Oluştur</h3>
@@ -197,10 +197,10 @@ export default function DashboardPage() {
<Link
href="/dashboard/templates"
className="group card-surface p-4 flex items-center gap-4 hover:border-cyan-500/30"
className="group card-surface p-4 flex items-center gap-4 hover:border-neutral-500/30"
>
<div className="w-11 h-11 rounded-xl bg-gradient-to-br from-cyan-500 to-cyan-700 flex items-center justify-center shrink-0 shadow-lg group-hover:shadow-cyan-500/20 transition-shadow">
<TrendingUp size={20} className="text-white" />
<div className="w-11 h-11 rounded-xl bg-[var(--color-bg-inverted)] flex items-center justify-center shrink-0 shadow-lg group-hover:shadow-neutral-500/20 transition-shadow">
<TrendingUp size={20} className="text-[var(--color-text-inverted)]" />
</div>
<div>
<h3 className="text-sm font-semibold">Şablon Keşfet</h3>
@@ -210,10 +210,10 @@ export default function DashboardPage() {
<Link
href="/dashboard/projects"
className="group card-surface p-4 flex items-center gap-4 hover:border-emerald-500/30"
className="group card-surface p-4 flex items-center gap-4 hover:border-neutral-500/30"
>
<div className="w-11 h-11 rounded-xl bg-gradient-to-br from-emerald-500 to-emerald-700 flex items-center justify-center shrink-0 shadow-lg group-hover:shadow-emerald-500/20 transition-shadow">
<Clock size={20} className="text-white" />
<div className="w-11 h-11 rounded-xl bg-[var(--color-bg-inverted)] flex items-center justify-center shrink-0 shadow-lg group-hover:shadow-neutral-500/20 transition-shadow">
<Clock size={20} className="text-[var(--color-text-inverted)]" />
</div>
<div>
<h3 className="text-sm font-semibold">Devam Eden İşler</h3>
@@ -223,14 +223,14 @@ export default function DashboardPage() {
<Link
href="#tweet-import"
className="group card-surface p-4 flex items-center gap-4 hover:border-sky-500/30"
className="group card-surface p-4 flex items-center gap-4 hover:border-neutral-500/30"
onClick={(e) => {
e.preventDefault();
document.getElementById('tweet-import')?.scrollIntoView({ behavior: 'smooth' });
}}
>
<div className="w-11 h-11 rounded-xl bg-gradient-to-br from-sky-500 to-sky-700 flex items-center justify-center shrink-0 shadow-lg group-hover:shadow-sky-500/20 transition-shadow">
<XIcon size={20} className="text-white" />
<div className="w-11 h-11 rounded-xl bg-[var(--color-bg-inverted)] flex items-center justify-center shrink-0 shadow-lg group-hover:shadow-neutral-500/20 transition-shadow">
<XIcon size={20} className="text-[var(--color-text-inverted)]" />
</div>
<div>
<h3 className="text-sm font-semibold">Tweet → Video</h3>