Add discogs link on record-info

GustavAndreasson · Feb 23, 2024 · f310ad7 · f310ad7
1 parent dba6a04
commit f310ad7
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/frontend/src/components/RecordInfo/RecordInfo.component.js b/frontend/src/components/RecordInfo/RecordInfo.component.js
@@ -87,6 +87,13 @@ const RecordInfo = ({
               </div>
             </div>
             <div className="right">
+              <a
+                className="discogs-link"
+                target="_blank"
+                href={"https://www.discogs.com/release/" + rec.id}
+              >
+                Discogs
+              </a>
               {rec.listens &&
                 rec.listens.map((listen, index) => (
                   <div className="listen-link" key={index}>

diff --git a/frontend/src/components/RecordInfo/RecordInfo.scss b/frontend/src/components/RecordInfo/RecordInfo.scss
@@ -43,6 +43,18 @@
     }
   }
 
+  .right {
+    text-align: right;
+  }
+
+  .discogs-link {
+    display: inline-block;
+    margin-bottom: 5px;
+    text-decoration: none;
+    font-size: 14px;
+    color: #0000aa;
+  }
+
   .listen-link {
     text-align: right;
     max-width: 250px;