diff --git a/src/components/molecules/Featured.module.scss b/src/components/molecules/Featured.module.scss deleted file mode 100644 index b58aac7c..00000000 --- a/src/components/molecules/Featured.module.scss +++ /dev/null @@ -1,12 +0,0 @@ -@import 'variables'; -@import 'mixins'; - -.featured { - display: grid; - gap: $spacer; - grid-template-columns: repeat(2, 1fr); - - @media (min-width: $screen-md) { - grid-template-columns: repeat(3, 1fr); - } -} diff --git a/src/components/molecules/Featured.test.tsx b/src/components/molecules/Featured.test.tsx deleted file mode 100644 index 6428c4cb..00000000 --- a/src/components/molecules/Featured.test.tsx +++ /dev/null @@ -1,10 +0,0 @@ -import React from 'react' -import { render } from '@testing-library/react' -import Featured from './Featured' - -describe('Featured', () => { - it('renders correctly', () => { - const { container } = render() - expect(container.firstChild).toBeInTheDocument() - }) -}) diff --git a/src/components/molecules/Featured.tsx b/src/components/molecules/Featured.tsx deleted file mode 100644 index fa33e5f7..00000000 --- a/src/components/molecules/Featured.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import React, { ReactElement } from 'react' -import { graphql, useStaticQuery } from 'gatsby' -import styles from './Featured.module.scss' -import { Post } from '../../@types/Post' -import PostTeaser from './PostTeaser' - -const query = graphql` - query { - allMarkdownRemark( - filter: { frontmatter: { featured: { eq: true } } } - sort: { fields: [fields___date], order: DESC } - ) { - edges { - node { - ...PostTeaser - } - } - } - } -` - -export default function Featured(): ReactElement { - const data = useStaticQuery(query) - - return ( -
- {data.allMarkdownRemark.edges.map(({ node }: { node: Post }) => ( - - ))} -
- ) -} diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 5265ff33..ac734f63 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -10,11 +10,6 @@ import PostMore from '../components/templates/Post/More' export default function Home(props: PageProps): ReactElement { return ( <> -
-

Featured

- -
-

Latest Articles All Articles