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

Merge branch 'pending_changes' into dev_environment

Browse source
This commit is contained in:
Carter 2026-06-24 14:17:01 -06:00
commit b92768a954
1 changed files with 36 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

54
src/interactions/InteractionsOverview.tsx
View file

@ -70,6 +70,11 @@ interface Props {
refreshCallback: () => void;
}
interface PendingInteraction {
since: string;
accepted: boolean;
}
export default function InteractionsOverview(props: Props) {
const classes = useStyles();
const [{as, user}] = useGlobalState();
@ -81,7 +86,7 @@ export default function InteractionsOverview(props: Props) {
const [interactions, setInteractions] = useState<Interaction[]>(props.interactions);
const [dirtyInteractions, setDirtyInteractions] = useState<Map<number, boolean>>(new Map());
const [mappedComponents, setMappedComponents] = useState<Map<string, Component>>(new Map());
const [acceptedInteractions, setAcceptedInteractions] = useState<Set<string>>(new Set());
const [pendingInteractions, setPendingInteractions] = useState<Map<string, PendingInteraction>>(new Map());
const [renderToggle, setRenderToggle] = useState(false);
const [selectedInteraction, setSelectedInteraction] = useState<Interaction | undefined>(
undefined
@ -97,20 +102,23 @@ export default function InteractionsOverview(props: Props) {
}
if (props.interactions !== prevInteractions) {
if (prevInteractions) {
setAcceptedInteractions((prevAccepted) => {
const updatedAccepted = new Set(prevAccepted);
setPendingInteractions((prevPending) => {
const updatedPending = new Map(prevPending);
props.interactions.forEach((interaction: Interaction) => {
const previous = prevInteractions.find(prevInteraction => prevInteraction.key() === interaction.key());
const existing = updatedPending.get(interaction.key());
if (!interaction.status.synced) {
updatedAccepted.delete(interaction.key());
} else if (previous && !previous.status.synced) {
updatedAccepted.add(interaction.key());
}
});
return updatedAccepted;
if (!existing || existing.accepted) {
updatedPending.set(interaction.key(), {
since: interaction.status.lastUpdate || moment().toISOString(),
accepted: false
});
}
} else if (existing && !existing.accepted) {
updatedPending.set(interaction.key(), { ...existing, accepted: true });
}
});
return updatedPending;
});
setInteractions(cloneDeep(props.interactions));
}
}, [components, prevComponents, props.interactions, prevInteractions]);
@ -217,6 +225,14 @@ export default function InteractionsOverview(props: Props) {
index: number,
settings: pond.IInteractionSettings
) => {
const interactionKey = settings.key ?? "";
setPendingInteractions((prevPending) => {
const updatedPending = new Map(prevPending);
if (interactionKey) {
updatedPending.set(interactionKey, { since: moment().toISOString(), accepted: false });
}
return updatedPending;
});
interactionsAPI
.updateInteraction(Number(deviceID), settings, as)
.then((_response: any) => {
@ -224,7 +240,6 @@ export default function InteractionsOverview(props: Props) {
updatedDirtyInteractions.set(index, false);
setDirtyInteractions(updatedDirtyInteractions);
success("Successfully updated the interaction for " + component.name());
refreshCallback();
})
.catch((_err: any) => {
error("Error occurred while updating the interaction for " + component.name());
@ -242,16 +257,13 @@ export default function InteractionsOverview(props: Props) {
let key = interaction.key();
let source = mappedComponents.get(componentIDToString(interaction.settings.source));
let sink = mappedComponents.get(componentIDToString(interaction.settings.sink));
const isPending = !interaction.status.synced && Boolean(interaction.status.lastUpdate);
const isAccepted = interaction.status.synced && acceptedInteractions.has(interaction.key());
let statusText =
!interaction.status.synced
? interaction.status.lastUpdate
? "Pending " +
moment(interaction.status.lastUpdate && interaction.status.lastUpdate).fromNow()
: ""
: acceptedInteractions.has(interaction.key())
const pending = pendingInteractions.get(interaction.key());
const isAccepted = Boolean(pending?.accepted);
const isPending = Boolean(pending && !pending.accepted);
let statusText = isAccepted
? "Pending change accepted"
: isPending
? "Pending " + moment(pending.since).fromNow()
: "";
let schedule = pond.InteractionSchedule.create(
interaction.settings.schedule !== null ? interaction.settings.schedule : undefined