diff options
| author | bobzel <zzzman@gmail.com> | 2021-01-27 10:42:42 -0500 |
|---|---|---|
| committer | bobzel <zzzman@gmail.com> | 2021-01-27 10:42:42 -0500 |
| commit | 3576c88e3c5bc9c6745c2f7fa70721c4057cae0e (patch) | |
| tree | 4f00d1ef7ef5516367e8494624c51fa41888aed4 /src/client/views/nodes/VideoBox.tsx | |
| parent | 4e75d733d91fddf1f99028fe9351aeba16a7b36e (diff) | |
fixed runtime error warning
Diffstat (limited to 'src/client/views/nodes/VideoBox.tsx')
| -rw-r--r-- | src/client/views/nodes/VideoBox.tsx | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/src/client/views/nodes/VideoBox.tsx b/src/client/views/nodes/VideoBox.tsx index bfac7dc1c..7f123757b 100644 --- a/src/client/views/nodes/VideoBox.tsx +++ b/src/client/views/nodes/VideoBox.tsx @@ -310,8 +310,8 @@ export class VideoBox extends ViewBoxAnnotatableComponent<FieldViewProps, VideoD const field = Cast(this.dataDoc[this.fieldKey], VideoField); const interactive = Doc.GetSelectedTool() !== InkTool.None || !this.props.isSelected() ? "" : "-interactive"; const style = "videoBox-content" + (this._fullScreen ? "-fullScreen" : "") + interactive; - return !field ? <div>Loading</div> : - <div className="container" style={{ pointerEvents: this._isChildActive || this.active() ? "all" : "none" }}> + return !field ? <div key="loading">Loading</div> : + <div className="container" key="container" style={{ pointerEvents: this._isChildActive || this.active() ? "all" : "none" }}> <div className={`${style}`} style={{ width: "100%", height: "100%", left: "0px" }}> <video key="video" autoPlay={this._screenCapture} ref={this.setVideoRef} style={{ height: "100%", width: "auto", display: "flex", margin: "auto" }} |