From 3a57363b8acdfdafe60b71eb73e9edf6eec4ae29 Mon Sep 17 00:00:00 2001
From: 6ea86b96 <6ea86b96@gmail.com>
Date: Fri, 23 Jun 2017 23:17:07 +0700
Subject: [PATCH] Use array to build classes in video view

---
 ui/js/component/video/view.jsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/ui/js/component/video/view.jsx b/ui/js/component/video/view.jsx
index c0a1a4948..f7f9007ac 100644
--- a/ui/js/component/video/view.jsx
+++ b/ui/js/component/video/view.jsx
@@ -46,20 +46,20 @@ class Video extends React.PureComponent {
       loadStatusMessage = __("Downloading stream... not long left now!");
     }
 
-    let klassName = "";
-    if (isLoading || isDownloading) klassName += "video-embedded video";
+    let klasses = [];
+    if (isLoading || isDownloading) klasses.push("video-embedded", "video");
     if (mediaType === "video") {
-      klassName += "video-embedded video";
-      klassName += isPlaying ? " video--active" : " video--hidden";
+      klasses.push("video-embedded", "video");
+      klasses.push(isPlaying ? "video--active" : "video--hidden");
     } else if (mediaType === "application") {
-      klassName += "video-embedded";
+      klasses.push("video-embedded");
     } else {
-      if (!isPlaying) klassName += "video-embedded";
+      if (!isPlaying) klasses.push("video-embedded");
     }
     const poster = metadata.thumbnail;
 
     return (
-      <div className={klassName}>
+      <div className={klasses.join(" ")}>
         {isPlaying &&
           (!isReadyToPlay
             ? <LoadingScreen status={loadStatusMessage} />