feat(jukebox): highlight lyrics lines in editor that has no translation

blueset · Sep 5, 2024 · ab574f3 · ab574f3
1 parent 56b1ec1
commit ab574f3
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/packages/jukebox/src/components/dashboard/musicFilesDetails/lyrics/EditTranslations.tsx b/packages/jukebox/src/components/dashboard/musicFilesDetails/lyrics/EditTranslations.tsx
@@ -263,15 +263,27 @@ export default function EditTranslations({ lyrics, setLyrics }: Props) {
             <Typography
               variant="body2"
               display="inline"
-              color="textSecondary"
+              color={
+                v.content.trim() && !translatedLines[idx]
+                  ? "secondary.light"
+                  : "textSecondary"
+              }
               lang="ja"
             >
-              {v.content} ✲
-            </Typography>{" "}
+              {v.content}
+            </Typography>
+            <Typography variant="body2" display="inline" color="textSecondary">
+              {" ✲ "}
+            </Typography>
             <Typography
               variant="body2"
               display="inline"
               lang={currentLanguage || "zh"}
+              color={
+                translatedLines[idx] && !v.content.trim()
+                  ? "secondary.light"
+                  : "textSecondary"
+              }
             >
               {translatedLines[idx]}
             </Typography>