v1.7.14/release

app/src/Chat.js

@@ -72,6 +72,8 @@ import {
   CancelRounded,
   VideocamRounded,
   VideocamOffRounded,
+  Remove,
+  Add,
 } from "@material-ui/icons";
 import Create from "./Create";
 import { goTo } from "route-lite";
@@ -120,6 +122,7 @@ export default class Chat extends Component {
       selectedAudioOutput: "",
       videoInputs: [],
       selectedVideoInput: "",
+      minimized: false,
     };
     this.port = null;
     this.gifClick = this.gifClick.bind(this);
@@ -143,9 +146,8 @@ export default class Chat extends Component {
     );
     this.updateAllowAutoRejoin = this.updateAllowAutoRejoin.bind(this);
     this.updateAllowAutoFollow = this.updateAllowAutoFollow.bind(this);
-    this.updateAllowChatNotification = this.updateAllowChatNotification.bind(
-      this
-    );
+    this.updateAllowChatNotification =
+      this.updateAllowChatNotification.bind(this);
     this.mCallManager = new CallManager(
       this.callEventListener,
       this.props.notify
@@ -602,6 +604,7 @@ export default class Chat extends Component {
       selectedAudioOutput,
       videoInputs,
       selectedVideoInput,
+      minimized,
     } = this.state;
     const { status } = this.props;
     const { callEnabled } = status;
@@ -654,6 +657,23 @@ export default class Chat extends Component {
                   {name}
                 </Typography>
               </div>
+              <div>
+                <Tooltip
+                  title={
+                    minimized ? "Expand Show Details" : "Minimize Show Details"
+                  }
+                >
+                  <IconButton
+                    onClickCapture={(ev) => {
+                      this.setState({ minimized: !minimized });
+                      ev.preventDefault();
+                      ev.stopPropagation();
+                    }}
+                  >
+                    {minimized ? <Add /> : <Remove />}
+                  </IconButton>
+                </Tooltip>
+              </div>
             </ExpansionPanelSummary>
             <ExpansionPanelDetails>
               <TextField
@@ -905,7 +925,7 @@ export default class Chat extends Component {
               )}
             </ExpansionPanelDetails>
           </ExpansionPanel>
-          {player ? (
+          {!minimized && player ? (
             <Card elevation={0} className="media-info-card">
               {player.showName &&
               player.status !== PLAYER_STATUS.NOT_PLAYING ? (
@@ -1047,9 +1067,15 @@ export default class Chat extends Component {
                     ? () => this.handleVideo()
                     : () => this.handlePhoneCall(true)
                 }
-                color={((onCall && usingVideo) || !onCall) ? "secondary" : "primary"}
+                color={
+                  (onCall && usingVideo) || !onCall ? "secondary" : "primary"
+                }
               >
-                {((onCall && usingVideo) || !onCall)? <VideocamRounded /> : <VideocamOffRounded />}
+                {(onCall && usingVideo) || !onCall ? (
+                  <VideocamRounded />
+                ) : (
+                  <VideocamOffRounded />
+                )}
               </IconButton>
             </Tooltip>
           )}