Skip to content
This repository has been archived by the owner on Dec 13, 2024. It is now read-only.

Commit

Permalink
updated settings page (#110)
Browse files Browse the repository at this point in the history
  • Loading branch information
stefearares authored Jun 10, 2024
2 parents e16125e + 892c60a commit d84ce58
Showing 1 changed file with 2 additions and 3 deletions.
5 changes: 2 additions & 3 deletions frontend/src/Components/Settings.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ import profile_pic1 from '../Misc/8-bit-dog-nobg.png';
import 'bootstrap/dist/css/bootstrap.min.css';

function Settings() {
const [items, setItems] = useState(['Pet 1', 'Pet 2', 'Pet 3']);
const [items, setItems] = useState(['Device 1', 'Device 2', 'Device 3']);

const removeItem = (index: number) => {
setItems(items.filter((_, i) => i !== index));
Expand Down Expand Up @@ -34,8 +34,7 @@ function Settings() {
<li key={index} className="list-group-item d-flex justify-content-between align-items-center py-3">
{item}
<div>
<button className="btn btn-warning btn-sm mx-1" style={{ fontSize: "1.2rem", padding: "0.5rem 1rem" }} onClick={() => resetItem(index)}>Reset</button>
<button className="btn btn-danger btn-sm mx-1" style={{ fontSize: "1.2rem", padding: "0.5rem 1rem" }} onClick={() => removeItem(index)}>Remove</button>
<button className="btn btn-danger btn-lg mx-1" onClick={() => removeItem(index)}>Remove</button>
</div>
</li>
))}
Expand Down

0 comments on commit d84ce58

Please sign in to comment.