feat: Add WordPress button, settings navigation, and placeholder pages

This commit is contained in:
dwindown
2025-11-05 10:27:16 +07:00
parent 7c24602965
commit 12e982b3e5
6 changed files with 122 additions and 19 deletions

View File

@@ -0,0 +1,19 @@
import React from 'react';
import { __ } from '@/lib/i18n';
export default function SettingsGeneral() {
return (
<div>
<h1 className="text-2xl font-semibold mb-6">{__('General Settings')}</h1>
<p className="text-muted-foreground mb-4">
{__('Configure general store settings including store address, currency, and more.')}
</p>
<div className="bg-muted/50 border rounded-lg p-6">
<p className="text-sm text-muted-foreground">
{__('Settings interface coming soon. This will replicate WooCommerce general settings.')}
</p>
</div>
</div>
);
}

View File

@@ -0,0 +1,19 @@
import React from 'react';
import { __ } from '@/lib/i18n';
export default function SettingsPayments() {
return (
<div>
<h1 className="text-2xl font-semibold mb-6">{__('Payment Settings')}</h1>
<p className="text-muted-foreground mb-4">
{__('Configure payment gateways and options.')}
</p>
<div className="bg-muted/50 border rounded-lg p-6">
<p className="text-sm text-muted-foreground">
{__('Payment settings interface coming soon. This will include payment gateway configuration.')}
</p>
</div>
</div>
);
}

View File

@@ -0,0 +1,19 @@
import React from 'react';
import { __ } from '@/lib/i18n';
export default function SettingsShipping() {
return (
<div>
<h1 className="text-2xl font-semibold mb-6">{__('Shipping Settings')}</h1>
<p className="text-muted-foreground mb-4">
{__('Configure shipping zones, methods, and rates.')}
</p>
<div className="bg-muted/50 border rounded-lg p-6">
<p className="text-sm text-muted-foreground">
{__('Shipping settings interface coming soon. This will include zones, methods, and rates configuration.')}
</p>
</div>
</div>
);
}

View File

@@ -4,8 +4,29 @@ import { __ } from '@/lib/i18n';
export default function SettingsIndex() {
return (
<div>
<h1 className="text-xl font-semibold mb-3">{__('Settings')}</h1>
<p className="opacity-70">{__('Coming soon — SPA settings.')}</p>
<h1 className="text-2xl font-semibold mb-6">{__('WooNooW Settings')}</h1>
<p className="text-muted-foreground mb-6">
{__('Configure WooNooW plugin settings and preferences.')}
</p>
<div className="space-y-6">
<div className="bg-card border rounded-lg p-6">
<h2 className="text-lg font-semibold mb-3">{__('Plugin Configuration')}</h2>
<p className="text-sm text-muted-foreground mb-4">
{__('Settings interface coming soon.')}
</p>
</div>
<div className="bg-card border rounded-lg p-6">
<h2 className="text-lg font-semibold mb-3">{__('Quick Links')}</h2>
<div className="space-y-2">
<p className="text-sm">
<span className="font-medium">{__('WooCommerce Settings:')}</span>{' '}
{__('Use the navigation menu to access General, Payments, Shipping, and other WooCommerce settings.')}
</p>
</div>
</div>
</div>
</div>
);
}