salman/igny8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

finalizing app adn fixes

Browse Source
This commit is contained in:
IGNY8 VPS (Salman)
2025-12-25 22:58:21 +00:00
parent 4bffede052
commit 91525b8999
19 changed files with 2498 additions and 555 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/src/pages/Dashboard/Home.tsx
View File

@@ -595,10 +595,10 @@ export default function Home() {
{/* Custom Header with Site Selector and Refresh */}
<div className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 mb-6">
<div className="flex-1">
<h2 className="text-2xl font-bold text-gray-800 dark:text-white/90">Your Content Creation Dashboard</h2>
<h2 className="text-2xl font-bold text-gray-800 dark:text-white/90">Dashboard</h2>
{lastUpdated && (
<p className="text-sm text-gray-500 dark:text-gray-400 mt-1">
Last checked: {lastUpdated.toLocaleTimeString()}
Last updated: {lastUpdated.toLocaleTimeString()}
</p>
)}
</div>
@@ -629,12 +629,9 @@ export default function Home() {
<h1 className="text-3xl md:text-4xl font-bold mb-2">
AI-Powered Content Creation Workflow
</h1>
<p className="text-lg text-white/90 mb-1">
<p className="text-lg text-white/90">
Transform keywords into published content with intelligent automation.
</p>
<p className="text-sm text-white/80">
Your complete toolkit for finding topics, creating content, and publishing it to your site - all automated
</p>
</div>
{/* Add Site Button and Site Count in Single Row - Right Side */}
<div className="flex items-center gap-4">
@@ -642,7 +639,7 @@ export default function Home() {
<div className="text-right">
{sites.length > 1 ? (
<div className="text-3xl font-bold text-white">
{sites.length} of {maxSites || '∞'} Sites Active
{sites.length}/{maxSites || '∞'} Sites
</div>
) : (
<div className="text-xl font-semibold text-white/90">
@@ -661,7 +658,7 @@ export default function Home() {
startIcon={<PlusIcon className="w-6 h-6 fill-current" />}
className="!bg-white !text-brand-600 hover:!bg-gray-50 font-bold text-base px-8 py-4 shadow-2xl hover:shadow-[0_25px_50px_-12px_rgba(0,0,0,0.4)] hover:scale-105 active:scale-100 transition-all duration-200"
>
+ Add Another Website
Add Site
</Button>
)}
{!canAddMoreSites && sites.length > 0 && maxSites > 0 && (
@@ -685,7 +682,7 @@ export default function Home() {
<div className="space-y-6">
{/* Progress Flow - Circular Design with Progress Bar */}
<ComponentCard title="Your Content Journey" desc="Track your content creation progress from ideas to published articles">
<ComponentCard title="Workflow Progress" desc="Track your content creation pipeline">
{/* Percentage and Progress Bar */}
<div className="mb-8">
<div className="flex items-center justify-between mb-3">
@@ -702,9 +699,6 @@ export default function Home() {
color="primary"
className="h-4"
/>
<p className="text-xs text-gray-500 dark:text-gray-400 mt-2">
(This shows your progress from keywords through to published content)
</p>
</div>
{/* Icon-based Progress Flow */}
@@ -717,7 +711,7 @@ export default function Home() {
<div className="text-center">
<div className="text-sm font-semibold text-gray-800 dark:text-white">Site & Sectors</div>
<div className="text-lg font-bold text-gray-900 dark:text-white">{sites.filter(s => s.active_sectors_count > 0).length}</div>
<div className="text-xs text-gray-500 dark:text-gray-400">Niches you're targeting - Industry & sectors set up</div>
<div className="text-xs text-gray-500 dark:text-gray-400">Industry & sectors configured</div>
</div>
</Link>
@@ -728,7 +722,7 @@ export default function Home() {
<div className="text-center">
<div className="text-sm font-semibold text-gray-800">Keywords</div>
<div className="text-lg font-bold text-blue-600">{progress.keywordsCount}</div>
<div className="text-xs text-gray-500">Search terms to target - Keywords added from research</div>
<div className="text-xs text-gray-500">Added from opportunities</div>
</div>
</Link>
@@ -739,7 +733,7 @@ export default function Home() {
<div className="text-center">
<div className="text-sm font-semibold text-gray-800">Clusters</div>
<div className="text-lg font-bold text-purple-600">{progress.clustersCount}</div>
<div className="text-xs text-gray-500">Topic groups - Keywords organized by theme</div>
<div className="text-xs text-gray-500">Keywords grouped by topic</div>
</div>
</Link>
@@ -750,7 +744,7 @@ export default function Home() {
<div className="text-center">
<div className="text-sm font-semibold text-gray-800">Ideas</div>
<div className="text-lg font-bold text-orange-600">{progress.ideasCount}</div>
<div className="text-xs text-gray-500">Article outlines ready - Ideas and outlines created</div>
<div className="text-xs text-gray-500">Content ideas and outlines</div>
</div>
</Link>
@@ -761,7 +755,7 @@ export default function Home() {
<div className="text-center">
<div className="text-sm font-semibold text-gray-800">Content</div>
<div className="text-lg font-bold text-green-600">{progress.contentCount}</div>
<div className="text-xs text-gray-500">Articles created - Written content + images ready</div>
<div className="text-xs text-gray-500">Articles ready to publish</div>
</div>
</Link>
@@ -772,7 +766,7 @@ export default function Home() {
<div className="text-center">
<div className="text-sm font-semibold text-gray-800">Published</div>
<div className="text-lg font-bold text-indigo-600">{progress.publishedCount}</div>
<div className="text-xs text-gray-500">Live on your site - Articles published and active</div>
<div className="text-xs text-gray-500">Live on your site</div>
</div>
</Link>
</div>
@@ -859,7 +853,7 @@ export default function Home() {
<EnhancedMetricCard
title="Your Keywords"
value={insights?.totalKeywords.toLocaleString() || "0"}
subtitle={`Organized into ${insights?.totalClusters || 0} topic groups with ${insights?.totalIdeas || 0} content ideas`}
subtitle={`Organized into ${insights?.totalClusters || 0} clusters with ${insights?.totalIdeas || 0} content ideas`}
icon={<ListIcon className="size-6" />}
accentColor="blue"
trend={0}