Merge pull request #931 from weseek/feat/tag-list-page-component

Feat/tag list page component

src/client/js/components/TagsList.jsx

@@ -74,7 +74,11 @@ export default class TagsList extends React.Component {
     return tagData.map((data) => {
       return (
         <a key={data.name} href={`/_search?q=tag:${data.name}`} className="list-group-item">
-          <p className="float-left my-0">{data.name}</p>
+          <div className="d-flex">
+            <i className="my-auto icon-tag"></i>
+            <p className="my-auto list-tag-name"> {data.name}</p>
+            <span className="my-auto ml-4 list-tag-count label text-muted">{data.count}</span>
+          </div>
         </a>
       );
     });

src/client/styles/scss/_tag.scss

@@ -18,6 +18,15 @@
   font-size: 10px;
 }
 
+.list-tag-name {
+  margin-left: 5px;
+}
+
+.list-tag-count {
+  width: 30px;
+  background: rgba(0, 0, 0, 0.08);
+}
+
 #editTagModal {
   .form-control {
     height: auto;