brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

assigning components list on device page load

Browse source
This commit is contained in:
Carter 2025-02-13 11:11:14 -06:00
parent ef6e8de895
commit cb61f9285c
1 changed files with 10 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/pages/Device.tsx
View file

@ -34,7 +34,8 @@ export default function DevicePage() {
const [availablePositions, setAvailablePositions] = useState<DeviceAvailabilityMap>(new Map());
const [availableOffsets, setAvailableOffsets] = useState<OffsetAvailabilityMap>(new Map());
const [components, setComponents] = useState<Map<string, Component>>(new Map());
// const [components, setComponents] = useState<Map<string, Component>>(new Map());
const [components, setComponents] = useState<Component[]>([]);
const [addComponentManualDialogOpen, setAddComponentManualDialogOpen] = useState(false)
@ -53,7 +54,6 @@ export default function DevicePage() {
setLoading(true)
deviceAPI.getPageData(deviceID, getContextKeys(), getContextTypes()).then(resp => {
setDevice(Device.any(resp.data.device))
let newPermissions: pond.Permission[] = []
resp.data.permissions.forEach(perm => {
if (typeof(perm) === "string" ) {
@ -67,6 +67,12 @@ export default function DevicePage() {
let u = User.any(resp.data.user);
setPreferences(u.preferences)
setTags(resp.data.tags)
let newComps: Component[] = []
resp.data.components.forEach(comp => {
newComps.push(Component.create(comp))
})
console.log(resp.data.components)
setComponents(newComps)
}).catch(err => {
setDevice(Device.create());
// setComponents(new Map());
@ -153,7 +159,8 @@ export default function DevicePage() {
<DeviceOverview
device={device}
// components={[...components.values()]}
components={[]}
// components={[]}
components={components}
usage={getUsage()}
loading={loading}
tags={tags}