Seazn/profit-planet-frontend
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

beautify: quick dashboard adjustments

Browse Source
This commit is contained in:
DeathKaioken 2025-10-16 15:00:12 +02:00
parent eab249ab1f
commit 7625ded0e9
1 changed files with 146 additions and 160 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/app/quickaction-dashboard/page.tsx
View File

@ -124,23 +124,19 @@ export default function QuickActionDashboardPage() {
return (
<PageLayout>
<div className="relative min-h-screen w-full px-3 sm:px-4 py-10 bg-white">
{/* Removed dark background layers (pattern, blur, gradient) for a clean white background */}
<div className="max-w-6xl mx-auto">
{/* Welcome */}
<div className="text-center mb-8">
<h1 className="text-3xl sm:text-4xl font-bold text-gray-900 tracking-tight">
<div className="min-h-screen bg-gray-50">
<main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
{/* Title */}
<div className="mb-8">
<h1 className="text-3xl font-bold text-gray-900">
Welcome{isClient && user?.firstName ? `, ${user.firstName}` : ''}!
</h1>
<p className="text-sm sm:text-base text-gray-600 font-medium mt-2">
<p className="text-sm sm:text-base text-gray-600 mt-2">
{isClient && user?.userType === 'company' ? 'Company Account' : 'Personal Account'}
</p>
{loading && (
<p className="text-xs text-gray-500 mt-1">Loading status...</p>
)}
{loading && <p className="text-xs text-gray-500 mt-1">Loading status...</p>}
{error && (
<div className="mt-4 max-w-md mx-auto rounded-md bg-red-50 border border-red-200 px-4 py-3">
<div className="mt-4 max-w-md rounded-md bg-red-50 border border-red-200 px-4 py-3">
<div className="flex">
<div className="flex-shrink-0">
<svg className="h-5 w-5 text-red-400" viewBox="0 0 20 20" fill="currentColor">
@ -168,13 +164,11 @@ export default function QuickActionDashboardPage() {
)}
</div>
{/* Outer container card mimic (like screenshot) */}
<section className="bg-[#f8f9fc] rounded-xl shadow-sm ring-1 ring-black/5">
<div className="p-4 sm:p-6">
<div className="bg-white rounded-xl shadow-sm ring-1 ring-black/5 p-5 sm:p-8 space-y-12">
{/* Cards */}
<div className="space-y-8">
{/* Status Overview */}
<div>
<h2 className="text-sm sm:text-base font-semibold text-[#112c55] mb-5">
<div className="bg-white rounded-xl shadow-sm ring-1 ring-gray-200 p-5 sm:p-8">
<h2 className="text-sm sm:text-base font-semibold text-gray-900 mb-5">
Status Overview
</h2>
<div className="grid gap-4 sm:gap-6 grid-cols-1 md:grid-cols-2 xl:grid-cols-4">
@ -210,16 +204,13 @@ export default function QuickActionDashboardPage() {
</div>
</div>
{/* Divider */}
<div className="h-px w-full bg-gray-200" />
{/* Quick Actions */}
<div>
<div className="bg-white rounded-xl shadow-sm ring-1 ring-gray-200 p-5 sm:p-8">
<div className="flex items-center gap-2 mb-5">
<span className="inline-flex items-center justify-center h-7 w-7 rounded-full bg-blue-100 text-blue-600 text-sm font-semibold">
i
</span>
<h2 className="text-sm sm:text-base font-semibold text-[#112c55]">
<h2 className="text-sm sm:text-base font-semibold text-gray-900">
Quick Actions
</h2>
</div>
@ -305,15 +296,12 @@ export default function QuickActionDashboardPage() {
</div>
</div>
{/* Divider */}
<div className="h-px w-full bg-gray-200" />
{/* Latest News */}
<div>
<h2 className="text-sm sm:text-base font-semibold text-[#112c55] mb-4">
<div className="bg-white rounded-xl shadow-sm ring-1 ring-gray-200 p-5 sm:p-8">
<h2 className="text-sm sm:text-base font-semibold text-gray-900 mb-4">
Latest News
</h2>
<ul className="list-disc pl-5 space-y-2 text-sm text-[#1b3358]">
<ul className="list-disc pl-5 space-y-2 text-sm text-gray-700">
<li>
<span className="font-medium text-[#8D6B1D]">New:</span> Referral system
launch – invite friends and earn rewards.
@ -324,9 +312,7 @@ export default function QuickActionDashboardPage() {
</ul>
</div>
</div>
</div>
</section>
</div>
</main>
</div>
</PageLayout>
)