credit encore 4

components/release-details.riot

@@ -27,11 +27,12 @@
                 {state.release.profile}
             </div>
             <!-- Liste des extra-artists avec liens -->
-            <div if="{this.props.Type === 'release'}">
+            <div class="credits" if="{this.props.Type === 'release'}">
                 <b>Crédits :</b>
                 <ul>
                     <li each="{artist in state.extraArtists}">
                         <a href={"#/release-details/artist/" + artist.id } target="_blank">{artist.name} - {artist.role}</a>
+                        {console.log(artist)}
                     </li>
                 </ul>
             </div>
@@ -55,8 +56,6 @@
                     // Récupérer les extra-artists depuis leur URL
                     const response = await fetch(this.state.release.resource_url);
                     this.state.resource = response.json();
-
-                    console.log(this.state.resource)
                 }
                 else if (this.props.Type === "master"){
                     this.state.release = await window.getMasterDetails(id)
@@ -158,5 +157,36 @@
             margin-right: 0.5rem;
             margin-bottom: 0.3rem;
         }
+        .credits {
+            margin-top: 1.5rem;
+            padding-top: 1rem;
+            border-top: 1px solid #ddd;
+        }
+
+        .credits b {
+            font-size: 1.2rem;
+            color: #1976d2;
+        }
+
+        .credits ul {
+            list-style: none;
+            padding: 0;
+            margin: 0.5rem 0 0;
+        }
+
+        .credits li {
+            font-size: 0.95rem;
+            margin-bottom: 0.4rem;
+        }
+
+        .credits a {
+            color: #1976d2;
+            text-decoration: none;
+            font-weight: bold;
+        }
+
+        .credits a:hover {
+            text-decoration: underline;
+        }
     </style>
 </release-details>