From 46d094192db860d980a27743bc5f02ee70fcfbe7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miha=20Frange=C5=BE?= <miha.frangez@gmail.com>
Date: Mon, 30 Nov 2020 20:06:51 +0100
Subject: [PATCH] Add icons to tag tiles (#104)

---
 extensions/tags/js/src/forum/components/TagsPage.js | 2 ++
 extensions/tags/less/forum/TagTiles.less            | 5 +++++
 2 files changed, 7 insertions(+)
 mode change 100644 => 100755 extensions/tags/js/src/forum/components/TagsPage.js
 mode change 100644 => 100755 extensions/tags/less/forum/TagTiles.less

diff --git a/extensions/tags/js/src/forum/components/TagsPage.js b/extensions/tags/js/src/forum/components/TagsPage.js
old mode 100644
new mode 100755
index a4ceabf5e..1c90ba9bd
--- a/extensions/tags/js/src/forum/components/TagsPage.js
+++ b/extensions/tags/js/src/forum/components/TagsPage.js
@@ -4,6 +4,7 @@ import Link from 'flarum/components/Link';
 import listItems from 'flarum/helpers/listItems';
 import humanTime from 'flarum/helpers/humanTime';
 
+import tagIcon from '../../common/helpers/tagIcon';
 import tagLabel from '../../common/helpers/tagLabel';
 import sortTags from '../../common/utils/sortTags';
 
@@ -38,6 +39,7 @@ export default class TagsPage extends Page {
                   <li className={'TagTile ' + (tag.color() ? 'colored' : '')}
                     style={{backgroundColor: tag.color()}}>
                     <Link className="TagTile-info" href={app.route.tag(tag)}>
+                      {tag.icon() && tagIcon(tag, {}, { useColor: false })}
                       <h3 className="TagTile-name">{tag.name()}</h3>
                       <p className="TagTile-description">{tag.description()}</p>
                       {children
diff --git a/extensions/tags/less/forum/TagTiles.less b/extensions/tags/less/forum/TagTiles.less
old mode 100644
new mode 100755
index 1d8b52de3..5886ab543
--- a/extensions/tags/less/forum/TagTiles.less
+++ b/extensions/tags/less/forum/TagTiles.less
@@ -86,6 +86,11 @@
   &:hover {
     background: fade(#000, 5%);
   }
+  .icon {
+    font-size: 24px;
+    float: left;
+    margin-right: 10px;
+  }
 }
 .TagTile-name {
   font-size: 18px;