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

46
frontend/src/pages/Settings/WordPressIntegrationDebug.tsx
View File

@@ -343,7 +343,7 @@ export default function WordPressIntegrationDebug() {
if (initializing) {
return (
<div className="p-8 text-center">
<Loader2 className="h-8 w-8 animate-spin mx-auto text-blue-600 dark:text-blue-400" />
<Loader2 className="h-8 w-8 animate-spin mx-auto text-brand-600 dark:text-brand-400" />
<p className="text-sm text-gray-500 dark:text-gray-400 mt-2">Loading WordPress integration...</p>
</div>
);
@@ -353,8 +353,8 @@ export default function WordPressIntegrationDebug() {
if (!integrationId) {
return (
<div className="p-8">
<div className="bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-900/50 rounded-lg p-6 text-center">
<AlertTriangle className="h-12 w-12 text-yellow-600 dark:text-yellow-400 mx-auto mb-4" />
<div className="bg-warning-50 dark:bg-warning-900/20 border border-warning-200 dark:border-warning-900/50 rounded-lg p-6 text-center">
<AlertTriangle className="h-12 w-12 text-warning-600 dark:text-warning-400 mx-auto mb-4" />
<h3 className="text-lg font-medium text-gray-900 dark:text-white mb-2">
No WordPress Integration Found
</h3>
@@ -427,15 +427,15 @@ export default function WordPressIntegrationDebug() {
<p className="text-gray-600 dark:text-gray-400">Checking for WordPress integration...</p>
</div>
) : !integrationId && activeSite ? (
<div className="bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-900/50 rounded-lg p-6">
<div className="bg-warning-50 dark:bg-warning-900/20 border border-warning-200 dark:border-warning-900/50 rounded-lg p-6">
<div className="flex items-start space-x-3">
<AlertTriangle className="h-8 w-8 text-yellow-500 mt-0.5" />
<AlertTriangle className="h-8 w-8 text-warning-500 mt-0.5" />
<div>
<p className="text-lg font-semibold text-yellow-800 dark:text-yellow-200">No WordPress Integration Found</p>
<p className="text-sm text-yellow-600 dark:text-yellow-300 mt-2">
<p className="text-lg font-semibold text-warning-800 dark:text-warning-200">No WordPress Integration Found</p>
<p className="text-sm text-warning-600 dark:text-warning-300 mt-2">
This site doesn't have a WordPress integration configured yet.
</p>
<p className="text-xs text-yellow-600 dark:text-yellow-400 mt-2">
<p className="text-xs text-warning-600 dark:text-warning-400 mt-2">
Please configure a WordPress integration in <span className="font-medium">Settings → Integration</span> page first.
</p>
</div>
@@ -461,7 +461,7 @@ export default function WordPressIntegrationDebug() {
<button
onClick={testConnection}
disabled={loading}
className="inline-flex items-center px-3 py-1 text-xs bg-blue-100 hover:bg-blue-200 text-blue-700 rounded-md disabled:opacity-50"
className="inline-flex items-center px-3 py-1 text-xs bg-brand-100 hover:bg-brand-200 text-brand-700 rounded-md disabled:opacity-50"
>
<TestTube className="h-3 w-3 mr-1" />
Test Connection
@@ -469,7 +469,7 @@ export default function WordPressIntegrationDebug() {
<button
onClick={resyncSiteMetadata}
disabled={loading}
className="inline-flex items-center px-3 py-1 text-xs bg-yellow-100 hover:bg-yellow-200 text-yellow-700 rounded-md disabled:opacity-50"
className="inline-flex items-center px-3 py-1 text-xs bg-warning-100 hover:bg-warning-200 text-warning-700 rounded-md disabled:opacity-50"
>
<RefreshCw className="h-3 w-3 mr-1" />
Re-sync Metadata
@@ -491,9 +491,9 @@ export default function WordPressIntegrationDebug() {
<div className="flex items-center justify-between mb-2">
<span className="text-sm font-medium">API Connection</span>
{integrationHealth.api_status === 'healthy' ? (
<CheckCircle className="h-4 w-4 text-green-500" />
<CheckCircle className="h-4 w-4 text-success-500" />
) : (
<XCircle className="h-4 w-4 text-red-500" />
<XCircle className="h-4 w-4 text-error-500" />
)}
</div>
<p className="text-xs text-gray-600 dark:text-gray-400">{integrationHealth.api_message}</p>
@@ -506,9 +506,9 @@ export default function WordPressIntegrationDebug() {
<div className="flex items-center justify-between mb-2">
<span className="text-sm font-medium">Plugin Status</span>
{integrationHealth.plugin_active ? (
<CheckCircle className="h-4 w-4 text-green-500" />
<CheckCircle className="h-4 w-4 text-success-500" />
) : (
<XCircle className="h-4 w-4 text-red-500" />
<XCircle className="h-4 w-4 text-error-500" />
)}
</div>
<p className="text-xs text-gray-600 dark:text-gray-400">
@@ -523,9 +523,9 @@ export default function WordPressIntegrationDebug() {
<div className="flex items-center justify-between mb-2">
<span className="text-sm font-medium">Sync Status</span>
{integrationHealth.sync_healthy ? (
<CheckCircle className="h-4 w-4 text-green-500" />
<CheckCircle className="h-4 w-4 text-success-500" />
) : (
<AlertTriangle className="h-4 w-4 text-yellow-500" />
<AlertTriangle className="h-4 w-4 text-warning-500" />
)}
</div>
<p className="text-xs text-gray-600 dark:text-gray-400">
@@ -557,9 +557,9 @@ export default function WordPressIntegrationDebug() {
<div className="flex-1 min-w-0">
<div className="flex items-center space-x-2 text-sm">
<span className={`px-2 py-1 rounded-full text-xs font-medium ${
event.type === 'sync' ? 'bg-blue-100 text-blue-700' :
event.type === 'error' ? 'bg-red-100 text-red-700' :
event.type === 'webhook' ? 'bg-green-100 text-green-700' :
event.type === 'sync' ? 'bg-brand-100 text-brand-700' :
event.type === 'error' ? 'bg-error-100 text-error-700' :
event.type === 'webhook' ? 'bg-success-100 text-success-700' :
'bg-gray-100 text-gray-700'
}`}>
{event.type}
@@ -569,7 +569,7 @@ export default function WordPressIntegrationDebug() {
<p className="text-sm text-gray-600 dark:text-gray-400 mt-1">{event.description}</p>
{event.details && (
<details className="mt-2">
<summary className="text-xs text-blue-600 cursor-pointer hover:underline">
<summary className="text-xs text-brand-600 cursor-pointer hover:underline">
View Details
</summary>
<pre className="mt-2 text-xs bg-gray-50 dark:bg-gray-700 p-2 rounded border overflow-x-auto">
@@ -631,12 +631,12 @@ export default function WordPressIntegrationDebug() {
</td>
<td className="px-6 py-4 whitespace-nowrap">
{validation.matches ? (
<CheckCircle className="h-4 w-4 text-green-500" />
<CheckCircle className="h-4 w-4 text-success-500" />
) : (
<div className="flex items-center space-x-1">
<XCircle className="h-4 w-4 text-red-500" />
<XCircle className="h-4 w-4 text-error-500" />
{validation.error && (
<span className="text-xs text-red-600">{validation.error}</span>
<span className="text-xs text-error-600">{validation.error}</span>
)}
</div>
)}