bitforge/orchard
3
0
Fork 0
Code Projects Wiki Activity

Move delete button from table to edit modal

Browse Source 
- Delete button now appears in the edit modal footer (left side)
- Cleaner table layout with just Test and Edit buttons
- Delete button only shows when editing existing sources
This commit is contained in:
Mondo Diaz
2026-01-29 14:16:10 -06:00
parent 2c123d8d0f
commit a93bf84b83
3 changed files with 32 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/pages/AdminCachePage.css
View File

@@ -340,9 +340,14 @@
.form-actions {
display: flex;
justify-content: flex-end;
gap: 0.5rem;
justify-content: space-between;
align-items: center;
margin-top: 1.5rem;
padding-top: 1rem;
border-top: 1px solid var(--border-color);
}
.form-actions-right {
display: flex;
gap: 0.5rem;
}

42
frontend/src/pages/AdminCachePage.tsx
View File

@@ -324,18 +324,9 @@ function AdminCachePage() {
Test
</button>
{source.source !== 'env' && (
<>
<button className="btn btn-sm" onClick={() => openEditForm(source)}>
Edit
</button>
<button
className="btn btn-sm btn-danger"
onClick={() => handleDelete(source)}
disabled={deletingId === source.id}
>
{deletingId === source.id ? 'Deleting...' : 'Delete'}
</button>
</>
<button className="btn btn-sm" onClick={() => openEditForm(source)}>
Edit
</button>
)}
</td>
</tr>
@@ -471,12 +462,27 @@ function AdminCachePage() {
)}
<div className="form-actions">
<button type="button" className="btn" onClick={() => setShowForm(false)}>
Cancel
</button>
<button type="submit" className="btn btn-primary" disabled={isSaving}>
{isSaving ? 'Saving...' : editingSource ? 'Update' : 'Create'}
</button>
{editingSource && (
<button
type="button"
className="btn btn-danger"
onClick={() => {
handleDelete(editingSource);
setShowForm(false);
}}
disabled={deletingId === editingSource.id}
>
{deletingId === editingSource.id ? 'Deleting...' : 'Delete'}
</button>
)}
<div className="form-actions-right">
<button type="button" className="btn" onClick={() => setShowForm(false)}>
Cancel
</button>
<button type="submit" className="btn btn-primary" disabled={isSaving}>
{isSaving ? 'Saving...' : editingSource ? 'Update' : 'Create'}
</button>
</div>
</div>
</form>
</div>