Format VideoEditor component code and fix upload headers

packages/app/src/components/MusicStudio/EnhancedLyricsEditor/components/VideoEditor/index.jsx

@@ -20,21 +20,22 @@ const VideoEditor = (props) => {
 		props.onChange(key, value)
 	}
 
-    return <div className="video-editor">
+	return (
+		<div className="video-editor">
 			<h1>
 				<Icons.MdVideocam />
 				Video
 			</h1>
 
-        {
+			{!props.videoSourceURL && (
-            (!props.videoSourceURL) && <antd.Empty
+				<antd.Empty
 					image={<Icons.MdVideocam />}
 					description="No video"
 				/>
-        }
+			)}
 
-        {
+			{props.videoSourceURL && (
-            props.videoSourceURL && <div className="video-editor-preview">
+				<div className="video-editor-preview">
 					<VideoPlayer
 						controls={[
 							"play",
@@ -47,7 +48,7 @@ const VideoEditor = (props) => {
 						src={props.videoSourceURL}
 					/>
 				</div>
-        }
+			)}
 
 			<div className="flex-column align-start gap10">
 				<div className="flex-row align-center gap10">
@@ -64,7 +65,10 @@ const VideoEditor = (props) => {
 
 					<antd.TimePicker
 						showNow={false}
-                    defaultValue={props.startSyncAt && dayjs((props.startSyncAt), "mm:ss:SSS")}
+						defaultValue={
+							props.startSyncAt &&
+							dayjs(props.startSyncAt, "mm:ss:SSS")
+						}
 						format={"mm:ss:SSS"}
 						onChange={(time, str) => {
 							handleChange("startSyncAt", str)
@@ -78,19 +82,15 @@ const VideoEditor = (props) => {
 					onSuccess={(id, response) => {
 						handleChange("videoSourceURL", response.url)
 					}}
-                accept={[
+					accept={["video/*"]}
-                    "video/*",
-                ]}
 					headers={{
-                    "transmux": "mq-hls",
+						transformations: "mq-hls",
 					}}
 					disabled={props.loading}
 				>
 					Upload video
 				</UploadButton>
-
 				or
-
 				<antd.Input
 					placeholder="Set a video HLS URL"
 					onChange={(e) => {
@@ -101,6 +101,7 @@ const VideoEditor = (props) => {
 				/>
 			</div>
 		</div>
+	)
 }
 
 export default VideoEditor