Skip to content
Permalink
Browse files

Add TK component

  • Loading branch information...
NdagiStanley committed Apr 13, 2019
1 parent 413abbb commit 07419997e0a6340f720febefbd1dfa0e7f148562
@@ -5,6 +5,7 @@ import Author from './Author';
import Contacts from './Contacts';
import Copyright from './Copyright';
import Menu from './Menu';
import TK from './TK';
import styles from './Sidebar.module.scss';

type Props = {
@@ -28,6 +29,7 @@ export const PureSidebar = ({ data, isIndex }: PureProps) => {
<Author author={author} isIndex={isIndex} />
<Menu menu={menu} />
<Contacts contacts={author.contacts} />
<TK />
<Copyright copyright={copyright} />
</div>
</div>
@@ -0,0 +1,19 @@
import React from 'react';
import { Link } from 'gatsby';
import styles from './TK.module.scss';

const TK = () => (
<div className={styles['bonga']}>
<pre>
<p><b>You:</b> Hey, what's with the <b>.tk domain</b>?</p>
<p><b>Me:</b> I'm glad you asked. Head over to
<a href="https://techkenyans.tk/" target="_blank">
<img src="/tk.png"></img>
</a>
to find out!
</p >
</pre>
</div>
);

export default TK;
@@ -0,0 +1,9 @@
@import '../../../assets/scss/variables';
@import '../../../assets/scss/mixins';

.bonga{
p {
line-height: 1;
font-style: italic;
}
}
@@ -0,0 +1,11 @@
import React from 'react';
import renderer from 'react-test-renderer';
import TK from './TK';

describe('TK', () => {
it('renders correctly', () => {

const tree = renderer.create(<TK />).toJSON();
expect(tree).toMatchSnapshot();
});
});
@@ -0,0 +1,35 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`TK renders correctly 1`] = `
<div
className="bonga"
>
<pre>
<p>
<b>
You:
</b>
Hey, what's with the
<b>
.tk domain
</b>
?
</p>
<p>
<b>
Me:
</b>
I'm glad you asked. Head over to
<a
href="https://techkenyans.tk/"
target="_blank"
>
<img
src="/tk.png"
/>
</a>
to find out!
</p>
</pre>
</div>
`;
@@ -0,0 +1 @@
export { default } from './TK';
@@ -113,6 +113,37 @@ exports[`Sidebar renders correctly 1`] = `
</li>
</ul>
</div>
<div
className="bonga"
>
<pre>
<p>
<b>
You:
</b>
Hey, what's with the
<b>
.tk domain
</b>
?
</p>
<p>
<b>
Me:
</b>
I'm glad you asked. Head over to
<a
href="https://techkenyans.tk/"
target="_blank"
>
<img
src="/tk.png"
/>
</a>
to find out!
</p>
</pre>
</div>
<div
className="copyright"
>
BIN +4.38 KB static/tk.png
Binary file not shown.

0 comments on commit 0741999

Please sign in to comment.
You can’t perform that action at this time.