diff --git a/Project/src/MakeCall/CallCard.js b/Project/src/MakeCall/CallCard.js index 4222d2d..c3901cf 100644 --- a/Project/src/MakeCall/CallCard.js +++ b/Project/src/MakeCall/CallCard.js @@ -493,7 +493,7 @@ export default class CallCard extends React.Component { const ovcFeature = this.call.feature(Features.OptimalVideoCount); const ovcChangedHandler = () => { if (this.state.ovc !== ovcFeature.optimalVideoCount) { - this.setState({ ovc: ovcFeature.optimalVideoCount }); + this.setState({ ovc: ovcFeature.optimalVideoCount, lastOvcChangeReason: ovcFeature.lastOvcChangeReason }); this.updateListOfParticipantsToRender('optimalVideoCountChanged'); } } diff --git a/Project/src/MakeCall/CurrentCallInformation.js b/Project/src/MakeCall/CurrentCallInformation.js index 110538c..54b9e00 100644 --- a/Project/src/MakeCall/CurrentCallInformation.js +++ b/Project/src/MakeCall/CurrentCallInformation.js @@ -5,6 +5,7 @@ import { AzureLogger } from '@azure/logger'; const CurrentCallInformation = ({ sentResolution, call }) => { const [ovcFeature, setOvcFeature] = useState(); const [optimalVideoCount, setOptimalVideoCount] = useState(1); + const [lastOvcChangeReason, setLastOvcChangeReason] = useState('Unknown'); useEffect(() => { try { @@ -24,6 +25,9 @@ const CurrentCallInformation = ({ sentResolution, call }) => { const optimalVideoCountChanged = () => { setOptimalVideoCount(ovcFeature.optimalVideoCount); + if (ovcFeature.lastOvcChangeReason) { + setLastOvcChangeReason(ovcFeature.lastOvcChangeReason); + } }; return ( @@ -34,7 +38,12 @@ const CurrentCallInformation = ({ sentResolution, call }) => { sentResolution &&
Sent Resolution: {sentResolution}
} { - ovcFeature &&
Optimal Video Count: {optimalVideoCount}
+ ovcFeature && ( + <> +
Optimal Video Count: {optimalVideoCount}
+
Last OVC Change Reason: {lastOvcChangeReason}
+ + ) } );