Skip to content

Commit 0953b7d

Browse files
committed
💄 style: simplify Schedule Page layout and remove bulk operations
- Remove bulk operations placeholder functionality and UI - Simplify page header layout by removing action buttons section - Reduce statistics grid from 4 columns to 3 (remove Running Now stat) - Clean up component structure for better focus on core functionality
1 parent 1d3e9b8 commit 0953b7d

File tree

1 file changed

+6
-48
lines changed

1 file changed

+6
-48
lines changed

test-ui/src/pages/settings/SchedulePage.jsx

Lines changed: 6 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -173,21 +173,6 @@ export const SchedulePage = () => {
173173
}, [executeModule]);
174174

175175

176-
/**
177-
* Handle bulk operations placeholder
178-
*/
179-
const handleBulkOperations = useCallback(() => {
180-
// Phase 2: Placeholder for bulk schedule operations
181-
alert(
182-
`🚧 Bulk Schedule Operations\n\n` +
183-
`This will open bulk schedule management when the modal system is implemented.\n\n` +
184-
`Features:\n` +
185-
`- Import/Export schedules\n` +
186-
`- Schedule templates\n` +
187-
`- Bulk enable/disable\n` +
188-
`- Mass schedule updates`
189-
);
190-
}, []);
191176

192177
// Loading state
193178
if (loading) {
@@ -201,36 +186,15 @@ export const SchedulePage = () => {
201186
return (
202187
<div className="p-6 max-w-screen-xl mx-auto">
203188
{/* Page Header */}
204-
<div className="flex justify-between items-start mb-8">
205-
<div>
206-
<h1 className="text-3xl font-semibold mb-2 text-primary">Module Scheduling</h1>
207-
<p className="text-secondary text-lg">
208-
Configure when DAPS modules should run automatically
209-
</p>
210-
211-
{/* Real-time monitoring indicator */}
212-
{polling && runningModules.size > 0 && (
213-
<div className="flex items-center gap-2 mt-2 p-2 px-4 bg-info\/10 border border-info rounded-md w-fit">
214-
<span className="material-symbols-outlined animate-pulse text-info">sync</span>
215-
<span className="text-sm text-info">
216-
Monitoring {runningModules.size} running module{runningModules.size !== 1 ? 's' : ''}
217-
</span>
218-
</div>
219-
)}
220-
</div>
221-
<div className="flex gap-2">
222-
<button
223-
onClick={handleBulkOperations}
224-
className="px-4 py-2 bg-surface text-primary rounded-lg border border-default hover:border-primary active:bg-surface-hover active:scale-98 transition-all duration-150 min-h-11 cursor-pointer select-none"
225-
>
226-
<span className="material-symbols-outlined text-lg mr-2">schedule</span>
227-
Bulk Actions
228-
</button>
229-
</div>
189+
<div className="mb-8">
190+
<h1 className="text-3xl font-semibold mb-2 text-primary">Module Scheduling</h1>
191+
<p className="text-secondary text-lg">
192+
Configure when DAPS modules should run automatically
193+
</p>
230194
</div>
231195

232196
{/* Statistics */}
233-
<div className="grid grid-cols-1 md:grid-cols-4 gap-4 mb-8">
197+
<div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-8">
234198
<div className="bg-surface rounded-lg border border-default p-4">
235199
<div className="text-2xl font-bold text-success">
236200
{Object.keys(schedules).length}
@@ -243,12 +207,6 @@ export const SchedulePage = () => {
243207
</div>
244208
<div className="text-sm text-secondary">Unscheduled Modules</div>
245209
</div>
246-
<div className="bg-surface rounded-lg border border-default p-4">
247-
<div className={`text-2xl font-bold ${runningModules.size > 0 ? 'text-info' : 'text-secondary'}`}>
248-
{runningModules.size}
249-
</div>
250-
<div className="text-sm text-secondary">Running Now</div>
251-
</div>
252210
<div className="bg-surface rounded-lg border border-default p-4">
253211
<div className="text-2xl font-bold text-brand-primary">
254212
{availableModules.length}

0 commit comments

Comments
 (0)