diff --git a/src/app/components/DeviceDetailOverlay.tsx b/src/app/components/DeviceDetailOverlay.tsx index 6253ea2..aa0c7ba 100644 --- a/src/app/components/DeviceDetailOverlay.tsx +++ b/src/app/components/DeviceDetailOverlay.tsx @@ -1,7 +1,7 @@ import { useEffect, useRef, useState } from 'react'; import { createPortal } from 'react-dom'; import { SettingsInput } from './ui/settings-input'; -import { X, Printer, HardDrive, Network, Box, FolderOpen, MoreVertical, RotateCcw } from 'lucide-react'; +import { X, Printer, HardDrive, Network, Box, FolderOpen } from 'lucide-react'; import { motion, AnimatePresence } from 'motion/react'; import { Swiper, SwiperSlide } from 'swiper/react'; import type { Swiper as SwiperType } from 'swiper'; @@ -190,13 +190,6 @@ function DeviceCard({ device, config, setConfig, isActive, onBrowsingChange }: D )} -
- -
- {device.type.charAt(0).toUpperCase() + device.type.slice(1)} -
-
-
- + {device.physical - ? {(deviceData.mode ?? 0) === 0 ? 'Read Only' : 'Write Enabled'} - :
- {([0, 1] as const).map((val) => ( - - ))} -
+ ? + {(deviceData.mode ?? 0) === 1 ? 'Yes' : 'No'} + + : }
)} @@ -373,13 +363,11 @@ export default function DeviceDetailOverlay({ onIndexChange, }: DeviceDetailOverlayProps) { const [activeIndex, setActiveIndex] = useState(initialIndex); - const [showCommandMenu, setShowCommandMenu] = useState(false); const [isBrowsing, setIsBrowsing] = useState(false); const swiperRef = useRef(null); const activeDevice = devices[activeIndex] ?? devices[0]; - useEffect(() => { setShowCommandMenu(false); }, [activeIndex]); useEffect(() => { const handler = (e: KeyboardEvent) => { @@ -431,12 +419,6 @@ export default function DeviceDetailOverlay({ {activeIndex + 1} / {devices.length} )} - - - )} {/* ── Swiper ── */}