diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index d861b4b..acaef86 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -4005,9 +4005,6 @@ function App() { startEditBird(selectedBird)} type="button"> Edit details - - {deletingBird ? 'Removing...' : 'Remove from flock'} - @@ -5281,6 +5278,25 @@ function App() { )} + + {selectedBird ? ( + + + + Danger zone + Remove bird profile + + Remove {selectedBird.name} from this flock. This also removes weight records, vet visits, and medication history for this bird. + + + + + + {deletingBird ? 'Removing...' : 'Remove from flock'} + + + + ) : null} > ) : null} diff --git a/frontend/src/index.css b/frontend/src/index.css index 89bd7a3..fc66c8e 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -567,6 +567,11 @@ textarea { gap: 1rem; } +.settings-danger-card { + border-color: rgba(203, 58, 53, 0.22); + background: linear-gradient(180deg, rgba(255, 250, 246, 0.86), rgba(255, 241, 238, 0.72)); +} + .settings-save-row { display: flex; justify-content: flex-start;
Danger zone
+ Remove {selectedBird.name} from this flock. This also removes weight records, vet visits, and medication history for this bird. +