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

added the usage api and put the device wizard back in the device page

Browse source
This commit is contained in:
csawatzky 2025-04-23 14:03:53 -06:00
parent 11b523e8e5
commit a95bccbc22
6 changed files with 136 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

42
src/device/DeviceViewer.tsx
View file

@ -12,7 +12,7 @@ import {
useDeviceAPI,
useInteractionsAPI,
useSnackbar,
//useUsageAPI,
useUsageAPI,
useUserAPI
} from "hooks";
import { cloneDeep } from "lodash";
@ -74,7 +74,7 @@ export default function Device(props: Props) {
const deviceAPI = useDeviceAPI();
const componentAPI = useComponentAPI();
const interactionsAPI = useInteractionsAPI();
//const usageAPI = useUsageAPI();
const usageAPI = useUsageAPI();
const userAPI = useUserAPI();
const [isLoading, setIsLoading] = useState<boolean>(false);
const [device, setDevice] = useState<DeviceModel>(DeviceModel.create());
@ -147,25 +147,25 @@ export default function Device(props: Props) {
error(err);
})
.finally(() => setIsLoading(false));
// usageAPI
// .getUsage(deviceID, moment().subtract(1, "days"))
// .then((res: any) => {
// let usage = res.data;
// if (usage) {
// let rCellularStatus = "active";
// let rCellularUsage = 0;
// let sessions: any[] = [];
// if (usage.sessions) {
// sessions = usage.sessions.filter((session: any) => {
// return moment(session.begin).isAfter(moment().subtract(1, "days"));
// });
// }
// sessions.forEach((session: any) => (rCellularUsage += Number(or(session.bytes, 0))));
// setCellularStatus(rCellularStatus);
// setCellularUsage(rCellularUsage);
// }
// })
// .catch(err => {});
usageAPI
.getUsage(deviceID, moment().subtract(1, "days"))
.then((res: any) => {
let usage = res.data;
if (usage) {
let rCellularStatus = "active";
let rCellularUsage = 0;
let sessions: any[] = [];
if (usage.sessions) {
sessions = usage.sessions.filter((session: any) => {
return moment(session.begin).isAfter(moment().subtract(1, "days"));
});
}
sessions.forEach((session: any) => (rCellularUsage += Number(or(session.bytes, 0))));
setCellularStatus(rCellularStatus);
setCellularUsage(rCellularUsage);
}
})
.catch(err => {});
}, [componentAPI, props.device, deviceID, error, interactionsAPI, /*usageAPI*/, userAPI, user, as]);
useEffect(() => {