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:
92
frontend/src/pages/Sites/FIXES-SUMMARY.md
Normal file
92
frontend/src/pages/Sites/FIXES-SUMMARY.md
Normal 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
|
||||
|
||||
Reference in New Issue
Block a user