From e7f4e5060c6c721c7db30bfc71cd00a29e027333 Mon Sep 17 00:00:00 2001
From: Toby Zerner <toby.zerner@gmail.com>
Date: Mon, 31 Aug 2015 13:44:05 +0930
Subject: [PATCH] Use GroupBadge component to display user badges

closes #277
---
 js/lib/models/User.js | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/js/lib/models/User.js b/js/lib/models/User.js
index c2f87edc1..a2789ea2d 100644
--- a/js/lib/models/User.js
+++ b/js/lib/models/User.js
@@ -5,7 +5,7 @@ import mixin from 'flarum/utils/mixin';
 import stringToColor from 'flarum/utils/stringToColor';
 import ItemList from 'flarum/utils/ItemList';
 import computed from 'flarum/utils/computed';
-import Badge from 'flarum/components/Badge';
+import GroupBadge from 'flarum/components/GroupBadge';
 
 export default class User extends mixin(Model, {
   username: Model.attribute('username'),
@@ -69,13 +69,7 @@ export default class User extends mixin(Model, {
       groups.forEach(group => {
         const name = group.nameSingular();
 
-        items.add('group' + group.id(),
-          Badge.component({
-            label: app.trans('core.group_' + name.toLowerCase(), undefined, name),
-            icon: group.icon(),
-            style: {backgroundColor: group.color()}
-          })
-        );
+        items.add('group' + group.id(), GroupBadge.component({group}));
       });
     }