format

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

@@ -31,11 +31,12 @@ const LyricsEditor = (props) => {
 	function updateCurrentLang(url) {
 		handleChange("langs", {
 			...langs,
-            [selectedLang]: url
+			[selectedLang]: url,
 		})
 	}
 
-    return <div className="lyrics-editor">
+	return (
+		<div className="lyrics-editor">
 			<div className="flex-row align-center justify-space-between gap-10">
 				<h1>
 					<Icons.MdOutlineMusicNote />
@@ -43,9 +44,7 @@ const LyricsEditor = (props) => {
 				</h1>
 
 				<div className="flex-row aling-center gap-5">
-                <span>
+					<span>Language:</span>
-                    Language:
-                </span>
 
 					<antd.Select
 						showSearch
@@ -57,41 +56,46 @@ const LyricsEditor = (props) => {
 							{
 								label: "Original",
 								value: "original",
-                        }
+							},
 						]}
 						optionFilterProp="children"
-                    filterOption={(input, option) => (option?.label.toLowerCase() ?? '').includes(input.toLowerCase())}
+						filterOption={(input, option) =>
+							(option?.label.toLowerCase() ?? "").includes(
+								input.toLowerCase(),
+							)
+						}
 						filterSort={(optionA, optionB) =>
-                        (optionA?.label.toLowerCase() ?? '').toLowerCase().localeCompare((optionB?.label.toLowerCase() ?? '').toLowerCase())
+							(optionA?.label.toLowerCase() ?? "")
+								.toLowerCase()
+								.localeCompare(
+									(
+										optionB?.label.toLowerCase() ?? ""
+									).toLowerCase(),
+								)
 						}
 						onChange={setSelectedLang}
 					/>
 
-                {
+					{selectedLang && (
-                    selectedLang && <UploadButton
+						<UploadButton
 							onSuccess={(file_uid, data) => {
 								updateCurrentLang(data.url)
 							}}
-                        accept={[
+							accept={["text/*"]}
-                            "text/*"
-                        ]}
 						/>
-                }
+					)}
 				</div>
 			</div>
 
-        {
+			{!langs[selectedLang] && (
-            !langs[selectedLang] && <span>
+				<span>No lyrics uploaded for this language</span>
-                No lyrics uploaded for this language
+			)}
-            </span>
-        }
 
-        {
+			{langs[selectedLang] && (
-            langs[selectedLang] && <LyricsTextView
+				<LyricsTextView lrcURL={langs[selectedLang]} />
-                lrcURL={langs[selectedLang]}
+			)}
-            />
-        }
 		</div>
+	)
 }
 
 export default LyricsEditor