Refactor Site Management Components and Update URL Parameters

- Changed `siteId` to `id` in `useParams` across multiple site-related components for consistency.
- Removed "Sites" from the sidebar settings menu.
- Updated navigation links in `SiteDashboard` to reflect new paths for integrations and deployments.
- Enhanced `SiteList` component with improved site management features, including modals for site creation and sector configuration.
- Added functionality to handle industry and sector selection for sites, with validation for maximum selections.
- Improved UI elements and alerts for better user experience in site management.
This commit is contained in:
IGNY8 VPS (Salman)
2025-11-18 06:02:13 +00:00
parent 155a73d928
commit b05421325c
13 changed files with 787 additions and 107 deletions

View File

@@ -0,0 +1,92 @@
# Sites Module Fixes Summary
## ✅ Completed Fixes
### 1. Removed Sites from Settings Dropdown
- **File**: `frontend/src/layout/AppSidebar.tsx`
- **Change**: Removed "Sites" from Settings submenu
- **Result**: Sites now only accessible from main "Sites" menu in WORKFLOWS section
### 2. Merged Site Management into Site List Page
- **File**: `frontend/src/pages/Sites/List.tsx`
- **Changes**:
- Added all site management functionality from Settings/Sites.tsx
- Added create/edit site modals
- Added sectors configuration modal
- Added site details/edit modal with delete option
- Added toggle switch for active/inactive status
- Updated site cards to match Settings/Sites.tsx style
- Added industry/sector badges
- Added site type badges
- Added integration count badges
- Added "Create with Builder" button alongside "Add Site"
- Added info alert about site configuration
### 3. Updated Site Cards
- **Features Added**:
- Site icon
- Site description display
- Domain display
- Industry name badge
- Sector count badge (X / 5 Sectors)
- Integration count badge
- Site type badge (Site Builder / WordPress)
- Active/Inactive status indicator with colored circle
- Settings button (opens sectors modal)
- Details button (opens edit modal)
- Toggle switch for active/inactive
## ⚠️ Still Needs Work
### 1. Site Builder Wizard Migration
- **Current Status**: Placeholder only (`/sites/builder`)
- **Needs**: Full migration from `site-builder` container
- **Files to Migrate**:
- `site-builder/src/pages/wizard/WizardPage.tsx`
- `site-builder/src/pages/wizard/steps/*.tsx` (4 step components)
- `site-builder/src/state/builderStore.ts`
- `site-builder/src/api/builder.api.ts`
- `site-builder/src/types/siteBuilder.ts`
- **Target Location**: `frontend/src/pages/Sites/Builder/Wizard.tsx`
### 2. Blueprints Page
- **Current Status**: Placeholder only (`/sites/blueprints`)
- **Needs**: Full implementation to list and manage site blueprints
### 3. Site Builder Preview
- **Current Status**: Placeholder only (`/sites/builder/preview`)
- **Needs**: Full preview canvas implementation
### 4. Other Site Pages
- Many pages exist but may need complete functionality:
- Site Dashboard (`/sites/:id`)
- Site Content (`/sites/:id/content`)
- Site Editor (`/sites/:id/editor`)
- Page Manager (`/sites/:id/pages`)
- Post Editor (`/sites/:id/posts/:postId`)
- Site Preview (`/sites/:id/preview`)
- Site Settings (`/sites/:id/settings`)
## 📋 Expected Pages List
See `EXPECTED-PAGES-LIST.md` for complete list of all expected frontend pages.
## 🎯 Next Steps
1. **Priority 1**: Migrate Site Builder Wizard
- Copy wizard components from site-builder container
- Adapt to main app structure
- Ensure API calls work correctly
- Test full wizard flow
2. **Priority 2**: Implement Blueprints Page
- List all site blueprints
- Show blueprint status
- Allow editing/deleting blueprints
- Link to wizard for creating new blueprints
3. **Priority 3**: Verify Other Pages
- Check each page has complete functionality
- Add missing features
- Ensure proper navigation between pages