jnd/beszel-ipv6
1
0
Fork 0
mirror of https://github.com/henrygd/beszel.git synced 2025-12-17 18:56:17 +01:00
Code Issues Packages Projects Releases 2 Wiki Activity

updates

Browse Source
This commit is contained in:
Henry Dollman
2024-07-08 18:44:07 -04:00
parent 86ddb0ac12
commit 309bbf1fba
3 changed files with 82 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
site/src/components/routes/home.tsx
View File

@@ -6,32 +6,39 @@ import { DataTable } from '../server-table/data-table'
export function Home() {
const [systems, setSystems] = useState([] as SystemRecord[])
useEffect(() => {
document.title = 'Home'
}, [])
useEffect(() => {
pb.collection<SystemRecord>('systems')
.getList(1, 20)
.then(({ items }) => {
.getFullList({
sort: 'name',
})
.then((items) => {
setSystems(items)
})
pb.collection<SystemRecord>('systems').subscribe('*', (e) => {
setSystems((curSystems) => {
const i = curSystems.findIndex((s) => s.id === e.record.id)
if (i > -1) {
const newSystems = [...curSystems]
newSystems[i] = e.record
return newSystems
} else {
return [...curSystems, e.record]
}
})
})
return () => pb.collection('systems').unsubscribe('*')
// pb.collection<SystemRecord>('systems').subscribe('*', (e) => {
// setSystems((curSystems) => {
// const i = curSystems.findIndex((s) => s.id === e.record.id)
// if (i > -1) {
// const newSystems = [...curSystems]
// newSystems[i] = e.record
// return newSystems
// } else {
// return [...curSystems, e.record]
// }
// })
// })
// return () => pb.collection('systems').unsubscribe('*')
}, [])
// if (!systems.length) return <>Loading...</>
return (
<>
<h1 class="my-5">Dashboard</h1>
{systems.length && <DataTable data={systems} />}
<DataTable data={systems} />
{/* <pre>{JSON.stringify(systems, null, 2)}</pre> */}
</>
)