sana137.in

Sana's gatsbyjs-based blog
git clone http://git.hanabi.in/repos/sana137.in.git
Log | Files | Refs | README | LICENSE

allTagsIndex.js (1302B)

      1 import React from 'react';
      2 import { Link } from 'gatsby';
      3 import Footer from '../components/footer';
      4 import TinyHeader from '../components/tinyHeader';
      5 
      6 const AllTagsTemplate = ({ data, pageContext }) => {
      7   const { tags } = pageContext;
      8   return (
      9     <div className={'page-template page-tag'}>
     10       <div className={'site-wrapper'}>
     11         <TinyHeader />
     12         <main id={'site-main'} className={'site-main outer'}>
     13           <div className={'inner'}>
     14             <article className={'post-full post page no-image'}>
     15               <header className={'post-full-header'}>
     16                 <h1 className={'post-full-title'}>Topics</h1>
     17               </header>
     18               <section className={'post-full-content'}>
     19                 <div className={'post-content'}>
     20                   <p>List of (almost) all the tags.</p>
     21                   <ol>
     22                     {tags.map(tag => (
     23                       <li style={{ textTransform: `capitalize` }} key={tag}>
     24                         <Link to={`/tags/${tag}`}>{tag.toLowerCase()}</Link>
     25                       </li>
     26                     ))}
     27                   </ol>
     28                 </div>
     29               </section>
     30             </article>
     31           </div>
     32         </main>
     33         <Footer />
     34       </div>
     35     </div>
     36   );
     37 };
     38 
     39 export default AllTagsTemplate;