From 247fc8785aa0d04d87d651c974efea8a702910e8 Mon Sep 17 00:00:00 2001
From: Sebastian Kippe <sebastian@kip.pe>
Date: Thu, 25 Apr 2019 19:21:55 +0100
Subject: [PATCH] Link contributions to their main URL

---
 app/components/contribution-list/template.hbs | 16 ++++++++--------
 app/styles/components/_contribution-list.scss | 11 +++++++++++
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/app/components/contribution-list/template.hbs b/app/components/contribution-list/template.hbs
index fa0351c..d53ad52 100644
--- a/app/components/contribution-list/template.hbs
+++ b/app/components/contribution-list/template.hbs
@@ -2,17 +2,17 @@
   <li data-contribution-id={{contribution.id}} class={{if contribution.confirmed "confirmed" "unconfirmed"}}>
     <p class="meta">
       <span class="recipient">{{user-avatar contributor=contribution.contributor}}</span>
-      <span class="category {{contribution.kind}}"><!--♥-->({{contribution.kind}})</span>
-      <span class="title">{{contribution.description}}</span>
+      <span class="category {{contribution.kind}}">({{contribution.kind}})</span>
+      <span class="title">
+        {{#if contribution.url}}
+          <a href={{contribution.url}} target="_blank" rel="noopener">{{contribution.description}}</a>
+        {{else}}
+          {{contribution.description}}
+        {{/if}}
+      </span>
     </p>
     <p class="kredits-amount">
       <span class="amount">{{contribution.amount}}</span><span class="symbol">₭S</span>
     </p>
-    <!--
-    <p class="description">
-    </p>
-    <p class="voting">
-    </p>
-    -->
   </li>
 {{/each}}
\ No newline at end of file
diff --git a/app/styles/components/_contribution-list.scss b/app/styles/components/_contribution-list.scss
index 49e8339..c865532 100644
--- a/app/styles/components/_contribution-list.scss
+++ b/app/styles/components/_contribution-list.scss
@@ -45,6 +45,17 @@ ul.contribution-list {
 
     span {
       font-size: inherit;
+
+      &.title {
+        a {
+          font-size: inherit;
+          text-decoration: none;
+          color: $body-text-color;
+        }
+        a:hover, a:active {
+          color: $primary-color;
+        }
+      }
     }
 
     .description {