diff --git a/admin-spa/src/App.tsx b/admin-spa/src/App.tsx index c6f93fb..a9c7c18 100644 --- a/admin-spa/src/App.tsx +++ b/admin-spa/src/App.tsx @@ -430,6 +430,7 @@ function AppRoutes() { } /> } /> } /> + } /> } /> } /> } /> diff --git a/admin-spa/src/routes/Settings/Notifications.tsx b/admin-spa/src/routes/Settings/Notifications.tsx index 8a474cc..deb023e 100644 --- a/admin-spa/src/routes/Settings/Notifications.tsx +++ b/admin-spa/src/routes/Settings/Notifications.tsx @@ -65,35 +65,41 @@ export default function NotificationsSettings() { } >
- {/* Info Card */} + {/* Info Card - Shopify/Marketplace Style */} -
-

- {__('WooNooW provides simple toggle controls to enable or disable email notifications. For advanced customization like email templates, styling, content, and recipients, use the WooCommerce settings page.')} -

-

- {__('What you can do here:')} -

-
    -
  • {__('Enable/disable customer emails (order confirmations, shipping updates, etc.)')}
  • -
  • {__('Enable/disable admin emails (new order notifications, low stock alerts, etc.)')}
  • -
  • {__('View current sender name and email address')}
  • -
-

- {__('For advanced configuration:')} -

-
    -
  • {__('Email templates and HTML/CSS styling')}
  • -
  • {__('Email subject lines and content')}
  • -
  • {__('Custom recipient addresses')}
  • -
  • {__('Additional email headers')}
  • -
-

- {__('Use the "Edit in WooCommerce" links below or the advanced settings link at the bottom.')} +

+

+ {__('Control which email notifications are sent automatically when orders are placed, shipped, or updated. All emails use your store branding and can be customized in WooCommerce settings.')}

+ +
+

+ 💡 {__('Quick Tips')} +

+
    +
  • • {__('Keep order confirmation emails enabled - customers expect immediate confirmation')}
  • +
  • • {__('Enable shipping notifications to reduce "where is my order?" inquiries')}
  • +
  • • {__('Admin notifications help you stay on top of new orders and issues')}
  • +
  • • {__('Disable emails you don\'t need to reduce inbox clutter')}
  • +
+
+ +
+

+ {__('Need to customize email templates, subject lines, or sender details?')}{' '} + + {__('Go to advanced email settings →')} + +

+
@@ -104,37 +110,19 @@ export default function NotificationsSettings() { >
{customerEmails.map((email: any) => ( -
+
-
- -

{email.title}

-
-

{email.description}

-
-
- toggleMutation.mutate({ - emailId: email.id, - enabled: checked - })} - disabled={toggleMutation.isPending} - /> - +

{email.title}

+

{email.description}

+ toggleMutation.mutate({ + emailId: email.id, + enabled: checked + })} + disabled={toggleMutation.isPending} + />
))}
@@ -147,113 +135,24 @@ export default function NotificationsSettings() { >
{adminEmails.map((email: any) => ( -
+
-
- -

{email.title}

-
-

{email.description}

-
-
- toggleMutation.mutate({ - emailId: email.id, - enabled: checked - })} - disabled={toggleMutation.isPending} - /> - +

{email.title}

+

{email.description}

+ toggleMutation.mutate({ + emailId: email.id, + enabled: checked + })} + disabled={toggleMutation.isPending} + />
))}
- {/* Email Sender Settings */} - -
-
-
-

{__('From Name')}

-

- {settings?.from_name || __('Not configured')} -

-
- -
- -
-
-

{__('From Email')}

-

- {settings?.from_email || __('Not configured')} -

-
- -
-
-
- - {/* Advanced Settings Link */} -
-

- {__('For email templates, styling, and advanced configuration, use the WooCommerce settings page')} -

- -
); diff --git a/admin-spa/src/routes/Settings/Shipping.tsx b/admin-spa/src/routes/Settings/Shipping.tsx index d5c74eb..c6d95cb 100644 --- a/admin-spa/src/routes/Settings/Shipping.tsx +++ b/admin-spa/src/routes/Settings/Shipping.tsx @@ -243,10 +243,7 @@ export default function ShippingPage() { @@ -325,7 +322,7 @@ export default function ShippingPage() { {/* Settings Modal/Drawer */} {selectedZone && ( isDesktop ? ( - + !open && setSelectedZone(null)}> {selectedZone.name} @@ -497,14 +494,14 @@ export default function ShippingPage() { {__('Edit in WooCommerce')} -
) : ( - + !open && setSelectedZone(null)}> {selectedZone.name} @@ -668,7 +665,7 @@ export default function ShippingPage() { {__('Edit in WooCommerce')} -