diff --git a/modules/rsocials/components/folk-campaigns-dashboard.ts b/modules/rsocials/components/folk-campaigns-dashboard.ts index 611d61c..b9c469a 100644 --- a/modules/rsocials/components/folk-campaigns-dashboard.ts +++ b/modules/rsocials/components/folk-campaigns-dashboard.ts @@ -209,8 +209,11 @@ class FolkCampaignsDashboard extends HTMLElement {
📋
No campaign workflows yet
-
Create your first workflow to automate social media campaigns
- +
Use the AI wizard for guided campaign creation, or start a blank workflow
+
+ + +
` : ''; @@ -233,6 +236,12 @@ class FolkCampaignsDashboard extends HTMLElement { } .cd-btn--primary { background: var(--rs-primary, #3b82f6); color: #fff; } .cd-btn--primary:hover { background: var(--rs-primary-hover, #2563eb); } + .cd-btn--wizard { + background: linear-gradient(135deg, var(--rs-accent, #14b8a6), #0d9488); + color: #fff; font-weight: 600; + } + .cd-btn--wizard:hover { opacity: 0.9; } + .cd-header__actions { display: flex; gap: 0.5rem; align-items: center; } .cd-grid { display: grid; @@ -284,7 +293,10 @@ class FolkCampaignsDashboard extends HTMLElement {

Campaign Workflows

- ${!this.loading && this.workflows.length > 0 ? '' : ''} +
+ + ${!this.loading && this.workflows.length > 0 ? '' : ''} +
${loadingState} ${emptyState} @@ -308,8 +320,15 @@ class FolkCampaignsDashboard extends HTMLElement { const btnNew = this.shadow.getElementById('btn-new'); if (btnNew) btnNew.addEventListener('click', () => this.createWorkflow()); - const btnNewEmpty = this.shadow.querySelector('.cd-btn--new-empty'); + const btnNewEmpty = this.shadow.querySelector('.cd-btn--new-empty:not(#btn-wizard-empty)'); if (btnNewEmpty) btnNewEmpty.addEventListener('click', () => this.createWorkflow()); + + // Wizard buttons + const wizardUrl = `${this.basePath}campaign-wizard`; + const btnWizard = this.shadow.getElementById('btn-wizard'); + if (btnWizard) btnWizard.addEventListener('click', () => { window.location.href = wizardUrl; }); + const btnWizardEmpty = this.shadow.getElementById('btn-wizard-empty'); + if (btnWizardEmpty) btnWizardEmpty.addEventListener('click', () => { window.location.href = wizardUrl; }); } }