# All files / src/components/Blog index.tsx

0% Statements 0/8
100% Branches 0/0
0% Functions 0/2
0% Lines 0/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31

     import type { FC } from 'react';
    import { posts } from './posts';
    import { Heading, ExternalLink } from '@cutting/component-library';
    import { ApplicationLayout } from 'src/layouts/ApplicationLayout';

    export const Blog: FC = () => (
      <ApplicationLayout heading="My blog posts">
        <p>
          I blog professionally for
          <ExternalLink href="https://blog.logrocket.com/author/paulcowan/">Logrocket</ExternalLink>
          .<br />
          My personal blog is <ExternalLink href="https://thesoftwaresimpleton.com/">here</ExternalLink>.
        </p>
        {posts.map((post, i) => (
          <div key={i}>
            <ExternalLink href={post.link} blank={false}>
              <Heading level={2}>{post.title}</Heading>
            </ExternalLink>
            <p>{post.summary}</p>
            <p>
              <ExternalLink href={post.link} blank={false}>
                Read More
              </ExternalLink>
            </p>
          </div>
        ))}
      </ApplicationLayout>
    );

    export default Blog;