feat: mscz button (#130)

soprodecarnaval · Jul 20, 2024 · 4002786 · 4002786
1 parent 18a2166
commit 4002786
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 2 deletions.
diff --git a/src/tsx/ArrangementItem.tsx b/src/tsx/ArrangementItem.tsx
@@ -5,7 +5,7 @@ import type { PlayingSong, SongArrangement } from "../types";
 import { PartItem } from "./PartItem";
 
 import "../css/ArrangementItem.css";
-import { SiMidi } from "react-icons/si";
+import { SiMidi, SiMusescore } from "react-icons/si";
 
 interface ArrangementItemProps {
   handleSelect: (songArrnagement: SongArrangement, checked: boolean) => void;
@@ -31,6 +31,9 @@ const ArrangementItem = ({
   const arrangementMidiAsset = arrangement.assets.find(
     (asset) => asset.extension == ".midi"
   );
+  const arrangementMsczAsset = arrangement.assets.find(
+    (asset) => asset.extension == ".mscz"
+  );
 
   return (
     <>
@@ -51,6 +54,13 @@ const ArrangementItem = ({
             </a>
           )}
         </td>
+        <td>
+          {arrangementMsczAsset && (
+            <a href={`collection/${arrangementMsczAsset.path}`} target="_blank">
+              <SiMusescore />
+            </a>
+          )}
+        </td>
       </tr>
       {expand &&
         arrangement.parts.map((part) => (

diff --git a/src/tsx/SongBookArrangementRow.tsx b/src/tsx/SongBookArrangementRow.tsx
@@ -5,7 +5,7 @@ import {
   BsArrowUp,
   BsFillTrashFill,
 } from "react-icons/bs";
-import { SiMidi } from "react-icons/si";
+import { SiMidi, SiMusescore } from "react-icons/si";
 
 import type { PlayingSong, SongArrangement } from "../types";
 import { PartItem } from "./PartItem";
@@ -35,6 +35,10 @@ const SongBookArrangementRow = ({
     (asset) => asset.extension == ".midi"
   );
 
+  const arrangementMsczAsset = arrangement.assets.find(
+    (asset) => asset.extension == ".mscz"
+  );
+
   return (
     <>
       <tr className="cursor">
@@ -63,6 +67,13 @@ const SongBookArrangementRow = ({
             </a>
           )}
         </td>
+        <td>
+          {arrangementMsczAsset && (
+            <a href={`collection/${arrangementMsczAsset.path}`} target="_blank">
+              <SiMusescore />
+            </a>
+          )}
+        </td>
       </tr>
       {expand &&
         arrangement.parts.map((part) => (