Have arrows instead of delete buttons.

This commit is contained in:
Tom Butcher 2026-02-07 01:22:53 +00:00
parent 83508110e6
commit 5445816cbd
2 changed files with 4 additions and 17 deletions

View File

@ -6,6 +6,7 @@ import DeleteDevice from "./DeleteDevice";
import Text from "./controls/Text";
import AdminPage from "./controls/AdminPage";
import Button from "./controls/Button";
import { FaArrowRight } from "react-icons/fa";
import {
List,
ListItem,
@ -149,15 +150,7 @@ const Devices = () => {
</ListItemContent>
</Flex>
<Button
type="danger"
onClick={(e) => {
e.stopPropagation();
setDeleteDeviceId(device.id);
}}
disabled={device.online}
icon={<HiOutlineTrash style={{ fontSize: "14px" }} />}
></Button>
<FaArrowRight />
</Flex>
</ListItem>
))}

View File

@ -6,6 +6,7 @@ import NewPanel from "./NewPanel";
import DeletePanel from "./DeletePanel";
import Text from "./controls/Text";
import AdminPage from "./controls/AdminPage";
import { FaArrowRight } from "react-icons/fa";
import {
List,
ListItem,
@ -100,14 +101,7 @@ const Panels = () => {
</Text>
</ListItemContent>
</Flex>
<Button
type="danger"
onClick={(e) => {
e.stopPropagation();
setDeletePanelId(panel.id);
}}
icon={<HiOutlineTrash style={{ fontSize: "14px" }} />}
></Button>
<FaArrowRight />
</Flex>
</ListItem>
))}