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

stlyes fixes

Browse Source
This commit is contained in:
IGNY8 VPS (Salman)
2025-12-29 19:52:51 +00:00
parent c91175fdcb
commit 4f7ab9c606
155 changed files with 1576 additions and 2489 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/pages/account/AccountSettingsPage.tsx
View File

@@ -310,14 +310,14 @@ export default function AccountSettingsPage() {
{activeTab === 'account' && (
<div className="space-y-6 max-w-4xl">
{error && (
<div className="p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg">
<p className="text-red-800 dark:text-red-200">{error}</p>
<div className="p-4 bg-error-50 dark:bg-error-900/20 border border-error-200 dark:border-error-800 rounded-lg">
<p className="text-error-800 dark:text-error-200">{error}</p>
</div>
)}
{success && (
<div className="p-4 bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg">
<p className="text-green-800 dark:text-green-200">{success}</p>
<div className="p-4 bg-success-50 dark:bg-success-900/20 border border-success-200 dark:border-success-800 rounded-lg">
<p className="text-success-800 dark:text-success-200">{success}</p>
</div>
)}

14
frontend/src/pages/account/ContentSettingsPage.tsx
View File

@@ -345,8 +345,8 @@ export default function ContentSettingsPage() {
<div className="space-y-6 max-w-4xl">
<Card className="p-6">
<div className="flex items-center gap-3 mb-6">
<div className="p-2 bg-blue-100 dark:bg-blue-900/30 rounded-lg">
<FileText className="w-5 h-5 text-blue-600 dark:text-blue-400" />
<div className="p-2 bg-brand-100 dark:bg-brand-900/30 rounded-lg">
<FileText className="w-5 h-5 text-brand-600 dark:text-brand-400" />
</div>
<div>
<h2 className="text-lg font-semibold text-gray-900 dark:text-white">Content Generation</h2>
@@ -423,8 +423,8 @@ export default function ContentSettingsPage() {
<div className="space-y-6 max-w-4xl">
<Card className="p-6">
<div className="flex items-center gap-3 mb-6">
<div className="p-2 bg-green-100 dark:bg-green-900/30 rounded-lg">
<Send className="w-5 h-5 text-green-600 dark:text-green-400" />
<div className="p-2 bg-success-100 dark:bg-success-900/30 rounded-lg">
<Send className="w-5 h-5 text-success-600 dark:text-success-400" />
</div>
<div>
<h2 className="text-lg font-semibold text-gray-900 dark:text-white">WordPress Publishing</h2>
@@ -451,8 +451,8 @@ export default function ContentSettingsPage() {
</div>
{publishingSettings.autoPublishEnabled && (
<div className="mt-4 p-3 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg">
<p className="text-sm text-blue-800 dark:text-blue-200">
<div className="mt-4 p-3 bg-brand-50 dark:bg-brand-900/20 border border-brand-200 dark:border-brand-800 rounded-lg">
<p className="text-sm text-brand-800 dark:text-brand-200">
Articles will be published automatically once they pass review. You can still manually review them first if needed.
</p>
</div>
@@ -549,7 +549,7 @@ export default function ContentSettingsPage() {
{/* Row 2: Featured Image Size */}
<div>
<Label className="mb-2">Featured Image</Label>
<div className="p-4 rounded-lg border border-gray-200 dark:border-gray-700 bg-gradient-to-r from-purple-500 to-blue-500 text-white">
<div className="p-4 rounded-lg border border-gray-200 dark:border-gray-700 bg-gradient-to-r from-purple-500 to-brand-500 text-white">
<div className="flex items-center justify-between mb-3">
<div className="font-medium">Featured Image Size</div>
<div className="text-xs bg-white/20 px-2 py-1 rounded">Always Enabled</div>

18
frontend/src/pages/account/NotificationsPage.tsx
View File

@@ -68,13 +68,13 @@ export default function NotificationsPage() {
const getSeverityIcon = (severity: string) => {
switch (severity) {
case 'success':
return <CheckCircle className="w-5 h-5 text-green-500" />;
return <CheckCircle className="w-5 h-5 text-success-500" />;
case 'warning':
return <AlertTriangle className="w-5 h-5 text-yellow-500" />;
return <AlertTriangle className="w-5 h-5 text-warning-500" />;
case 'error':
return <XCircle className="w-5 h-5 text-red-500" />;
return <XCircle className="w-5 h-5 text-error-500" />;
default:
return <Info className="w-5 h-5 text-blue-500" />;
return <Info className="w-5 h-5 text-brand-500" />;
}
};
@@ -190,7 +190,7 @@ export default function NotificationsPage() {
</h1>
<p className="text-sm text-gray-600 dark:text-gray-400 mt-1">
{unreadCount > 0 ? (
<span className="font-medium text-blue-600 dark:text-blue-400">
<span className="font-medium text-brand-600 dark:text-brand-400">
{unreadCount} unread notification{unreadCount !== 1 ? 's' : ''}
</span>
) : (
@@ -313,7 +313,7 @@ export default function NotificationsPage() {
<Card className="overflow-hidden">
{loading ? (
<div className="flex items-center justify-center p-12">
<div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div>
<div className="animate-spin rounded-full h-8 w-8 border-b-2 border-brand-600"></div>
</div>
) : filteredNotifications.length === 0 ? (
<div className="text-center p-12">
@@ -330,7 +330,7 @@ export default function NotificationsPage() {
<div
key={notification.id}
className={`p-4 hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors ${
!notification.is_read ? 'bg-blue-50 dark:bg-blue-900/10' : ''
!notification.is_read ? 'bg-brand-50 dark:bg-brand-900/10' : ''
}`}
>
<div className="flex items-start gap-4">
@@ -347,7 +347,7 @@ export default function NotificationsPage() {
className={`text-base font-medium ${
notification.is_read
? 'text-gray-900 dark:text-white'
: 'text-blue-900 dark:text-blue-100'
: 'text-brand-900 dark:text-brand-100'
}`}
>
{notification.title}
@@ -387,7 +387,7 @@ export default function NotificationsPage() {
variant="ghost"
size="sm"
onClick={() => handleDelete(notification.id)}
className="text-red-600 hover:text-red-700 hover:bg-red-50 dark:hover:bg-red-900/20"
className="text-error-600 hover:text-error-700 hover:bg-error-50 dark:hover:bg-error-900/20"
>
<Trash2 className="w-4 h-4" />
</Button>

22
frontend/src/pages/account/PlansAndBillingPage.tsx
View File

@@ -381,7 +381,7 @@ export default function PlansAndBillingPage() {
{/* Activation / pending payment notice */}
{!hasActivePlan && (
<div className="mb-4 p-4 rounded-lg border border-amber-200 bg-amber-50 text-amber-800 dark:border-amber-800 dark:bg-amber-900/20 dark:text-amber-200">
<div className="mb-4 p-4 rounded-lg border border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/20 dark:text-warning-200">
No active plan. Choose a plan below to activate your account.
</div>
)}
@@ -392,9 +392,9 @@ export default function PlansAndBillingPage() {
)}
{error && (
<div className="mb-6 p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg flex items-center gap-3">
<AlertCircle className="w-5 h-5 text-red-600" />
<p className="text-red-800 dark:text-red-200">{error}</p>
<div className="mb-6 p-4 bg-error-50 dark:bg-error-900/20 border border-error-200 dark:border-error-800 rounded-lg flex items-center gap-3">
<AlertCircle className="w-5 h-5 text-error-600" />
<p className="text-error-800 dark:text-error-200">{error}</p>
</div>
)}
@@ -409,7 +409,7 @@ export default function PlansAndBillingPage() {
<Card className="p-6 lg:col-span-2">
<h2 className="text-lg font-semibold mb-4 text-gray-900 dark:text-white">Your Current Plan</h2>
{!hasActivePlan && (
<div className="p-4 mb-4 rounded-lg border border-amber-200 bg-amber-50 text-amber-800 dark:border-amber-800 dark:bg-amber-900/20 dark:text-amber-200 flex items-start gap-3">
<div className="p-4 mb-4 rounded-lg border border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/20 dark:text-warning-200 flex items-start gap-3">
<AlertCircle className="w-5 h-5 mt-0.5 flex-shrink-0" />
<div>
<p className="font-medium">No Active Plan</p>
@@ -843,24 +843,24 @@ export default function PlansAndBillingPage() {
</button>
</div>
<div className="p-6 space-y-4">
<div className="flex items-start gap-3 p-4 bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded-lg">
<AlertCircle className="w-5 h-5 text-amber-600 dark:text-amber-400 mt-0.5 flex-shrink-0" />
<div className="text-sm text-amber-800 dark:text-amber-200">
<div className="flex items-start gap-3 p-4 bg-warning-50 dark:bg-warning-900/20 border border-warning-200 dark:border-warning-800 rounded-lg">
<AlertCircle className="w-5 h-5 text-warning-600 dark:text-warning-400 mt-0.5 flex-shrink-0" />
<div className="text-sm text-warning-800 dark:text-warning-200">
<p className="font-medium mb-1">Are you sure you want to cancel?</p>
<p>Your subscription will remain active until the end of your current billing period. After that:</p>
</div>
</div>
<ul className="text-sm text-gray-600 dark:text-gray-400 space-y-2 pl-2">
<li className="flex items-start gap-2">
<span className="text-red-500 mt-1">•</span>
<span className="text-error-500 mt-1">•</span>
<span>You'll lose access to premium features</span>
</li>
<li className="flex items-start gap-2">
<span className="text-red-500 mt-1">•</span>
<span className="text-error-500 mt-1">•</span>
<span>Remaining credits will be preserved for 30 days</span>
</li>
<li className="flex items-start gap-2">
<span className="text-red-500 mt-1">•</span>
<span className="text-error-500 mt-1">•</span>
<span>You can resubscribe anytime to restore access</span>
</li>
</ul>

18
frontend/src/pages/account/PurchaseCreditsPage.tsx
View File

@@ -221,9 +221,9 @@ export default function PurchaseCreditsPage() {
<h3 className="text-lg font-semibold mb-4">Submit Payment Proof</h3>
{error && (
<div className="bg-red-50 border border-red-200 rounded-lg p-4 mb-4 flex items-start gap-2">
<AlertCircle className="w-5 h-5 text-red-600 flex-shrink-0 mt-0.5" />
<p className="text-red-800 text-sm">{error}</p>
<div className="bg-error-50 border border-error-200 rounded-lg p-4 mb-4 flex items-start gap-2">
<AlertCircle className="w-5 h-5 text-error-600 flex-shrink-0 mt-0.5" />
<p className="text-error-800 text-sm">{error}</p>
</div>
)}
@@ -298,9 +298,9 @@ export default function PurchaseCreditsPage() {
</p>
{error && (
<div className="bg-red-50 border border-red-200 rounded-lg p-4 mb-6 flex items-start gap-2">
<AlertCircle className="w-5 h-5 text-red-600 flex-shrink-0 mt-0.5" />
<p className="text-red-800">{error}</p>
<div className="bg-error-50 border border-error-200 rounded-lg p-4 mb-6 flex items-start gap-2">
<AlertCircle className="w-5 h-5 text-error-600 flex-shrink-0 mt-0.5" />
<p className="text-error-800">{error}</p>
</div>
)}
@@ -316,10 +316,10 @@ export default function PurchaseCreditsPage() {
selectedPackage?.id === pkg.id
? 'border-[var(--color-brand-500)] bg-[var(--color-brand-50)]'
: 'border-gray-200 hover:border-[var(--color-brand-300)] bg-white'
} ${pkg.is_featured ? 'ring-2 ring-yellow-400' : ''}`}
} ${pkg.is_featured ? 'ring-2 ring-warning-400' : ''}`}
>
{pkg.is_featured && (
<div className="absolute -top-3 left-1/2 -translate-x-1/2 bg-yellow-400 text-yellow-900 text-xs font-bold px-3 py-1 rounded-full">
<div className="absolute -top-3 left-1/2 -translate-x-1/2 bg-warning-400 text-warning-900 text-xs font-bold px-3 py-1 rounded-full">
FEATURED
</div>
)}
@@ -332,7 +332,7 @@ export default function PurchaseCreditsPage() {
<div className="text-sm text-gray-600 mb-3">credits</div>
<div className="text-2xl font-bold mb-1">${pkg.price}</div>
{pkg.discount_percentage > 0 && (
<div className="text-sm text-green-600 font-semibold">
<div className="text-sm text-success-600 font-semibold">
Save {pkg.discount_percentage}%
</div>
)}

8
frontend/src/pages/account/UsageAnalyticsPage.tsx
View File

@@ -140,14 +140,14 @@ export default function UsageAnalyticsPage() {
</div>
</Card>
<Card className="p-4 bg-gradient-to-br from-indigo-50 to-indigo-100 dark:from-indigo-900/20 dark:to-indigo-800/10 border-indigo-200 dark:border-indigo-700">
<Card className="p-4 bg-gradient-to-br from-purple-50 to-purple-100 dark:from-purple-900/20 dark:to-purple-800/10 border-purple-200 dark:border-purple-700">
<div className="flex items-center gap-3">
<div className="p-2 bg-indigo-500 rounded-lg">
<div className="p-2 bg-purple-500 rounded-lg">
<Calendar className="w-5 h-5 text-white" />
</div>
<div>
<div className="text-xs text-indigo-700 dark:text-indigo-300">Usage %</div>
<div className="text-2xl font-bold text-indigo-600 dark:text-indigo-400">
<div className="text-xs text-purple-700 dark:text-purple-300">Usage %</div>
<div className="text-2xl font-bold text-purple-600 dark:text-purple-400">
{creditBalance.plan_credits_per_month > 0
? Math.round((creditBalance.credits_used_this_month / creditBalance.plan_credits_per_month) * 100)
: 0}%