'use client'; import { useState, useEffect } from 'react'; import { useNotification } from '../../context/NotificationContext'; export default function LeasesPage() { const [leases, setLeases] = useState([]); const { showNotification } = useNotification(); const fetchLeases = async () => { try { const response = await fetch('/api/dhcp/leases'); // Replace with your actual API endpoint for leases const data = await response.json(); if (response.ok) { setLeases(data.leases); showNotification('Leases refreshed successfully.', 'success'); } else { showNotification(data.error, 'error'); } } catch (error) { showNotification('Failed to fetch leases.', 'error'); } }; useEffect(() => { fetchLeases(); }, []); return (
IP Address | Start Time | End Time | MAC Address | Hostname | State |
---|---|---|---|---|---|
{lease.ip} | {lease.start} | {lease.end} | {lease.mac} | {lease.hostname} | {lease.state} |