diff --git a/assets/javascripts/discourse/components/product-list.js.es6 b/assets/javascripts/discourse/components/product-list.js.es6
new file mode 100644
index 0000000..0f338f1
--- /dev/null
+++ b/assets/javascripts/discourse/components/product-list.js.es6
@@ -0,0 +1,9 @@
+import computed from "ember-addons/ember-computed-decorators";
+import User from "discourse/models/user";
+
+export default Ember.Component.extend({
+  @computed()
+  currentUser() {
+    return User.current();
+  }
+});
diff --git a/assets/javascripts/discourse/templates/components/product-list.hbs b/assets/javascripts/discourse/templates/components/product-list.hbs
new file mode 100644
index 0000000..7ff6da4
--- /dev/null
+++ b/assets/javascripts/discourse/templates/components/product-list.hbs
@@ -0,0 +1,18 @@
+
+{{#each products as |product|}}
+  <div>
+    <h2>{{product.name}}</h2>
+
+    <p>
+      {{product.description}}
+    </p>
+
+    {{#if currentUser}}
+      <div class="pull-right">
+        {{#link-to "patrons.subscribe.show" product.id class="btn btn-primary"}}
+          {{i18n 'discourse_patrons.subscribe.title'}}
+        {{/link-to}}
+      </div>
+    {{/if}}
+  </div>
+{{/each}}
diff --git a/assets/javascripts/discourse/templates/patrons/subscribe/index.hbs b/assets/javascripts/discourse/templates/patrons/subscribe/index.hbs
index c836cc6..92ae934 100644
--- a/assets/javascripts/discourse/templates/patrons/subscribe/index.hbs
+++ b/assets/javascripts/discourse/templates/patrons/subscribe/index.hbs
@@ -1,17 +1,2 @@
 
-
-{{#each model as |product|}}
-  <div>
-    <h2>{{product.name}}</h2>
-
-    <p>
-      {{product.description}}
-    </p>
-
-    <div class="pull-right">
-      {{#link-to "patrons.subscribe.show" product.id class="btn btn-primary"}}
-        {{i18n 'discourse_patrons.subscribe.title'}}
-      {{/link-to}}
-    </div>
-  </div>
-{{/each}}
+{{product-list products=model}}