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

100% Statements 9/9
100% Branches 0/0
100% Functions 2/2
100% Lines 7/7

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
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    1x
    1x
    1x
    1x

    1x

    1x

    2x

     import type { FC } from 'react';
    import { Cow, Github, Twitter } from '../Svg';
    import { footerPages } from '../../routes';
    import { NavLink } from 'react-router-dom';
    import { ExternalLink } from '@cutting/component-library';

    import styles from './Footer.module.scss';

    export const Footer: FC = () => (
      <footer role="contentinfo">
        <div className={styles.left}>
          <div className={styles.logo}>
            <div className={styles.logo__container}>
              <div>
                <Cow />
              </div>
            </div>
            <span className={styles.name}>Paul Cowan</span>
          </div>
          <div className={styles.links}>
            <ul className={styles.NavLinks}>
              {footerPages.map((page) => (
                <li key={page.path}>
                  <NavLink to={page.path}>{page.heading}</NavLink>
                </li>
              ))}
            </ul>
          </div>
        </div>
        <div className={styles.right}>
          <div className={styles.contact}>
            <div>
              <ul className={styles.social}>
                <li>
                  <ExternalLink href="https://github.com/dagda1" ariaLabel="Github profile">
                    <Github></Github>
                  </ExternalLink>
                </li>
                <li>
                  <ExternalLink href="https://twitter.com/dagda1" ariaLabel="twitter profile">
                    <Twitter></Twitter>
                  </ExternalLink>
                </li>
              </ul>
              <ExternalLink href="mailto:paul.cowan@cutting.scot">paul.cowan@cutting.scot</ExternalLink>
            </div>
            <div className={styles.copyright}>Copyright © Cutting-Edge Solutions (Scotland) inc. All rights reserved</div>
          </div>
        </div>
      </footer>
    );