Просмотр исходного кода

add simple list component in tags page

yusuketk 7 лет назад
Родитель
Сommit
d7bbac0f54
2 измененных файлов с 14 добавлено и 3 удалено
  1. 12 1
      src/client/js/components/TagsListPage.jsx
  2. 2 2
      src/server/views/tags.html

+ 12 - 1
src/client/js/components/TagsListPage.jsx

@@ -8,12 +8,23 @@ export default class TagsListPage extends React.Component {
     super(props);
 
     this.state = {
+      tags: ['growi', 'wiki', 'tag'],
     };
   }
 
   render() {
     return (
-      <div>tags page</div>
+      <div>
+        <ul className="list-group mx-4">
+          {this.state.tags.map((tag) => {
+            return (
+              <a href={`/_search?q=tag:${tag}`} className="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
+                <p className="float-left my-0">{tag}</p>
+              </a>
+            );
+          })}
+        </ul>
+      </div>
     );
   }
 

+ 2 - 2
src/server/views/tags.html

@@ -12,12 +12,12 @@
       </div>
       {% endblock %}
     </div>
+  </div>
   <div class="row">
     <div id="main" class="main m-t-15 col-md-12 tags-page">
-      <!-- <div class="" id="tags-page"></div> -->
+      <div class="" id="tags-page"></div>
     </div>
   </div>
-
 </div><!-- /.container-fluid -->
 
 <footer class="footer">