5e8dd9a9b3
- Remove AnyLink and ReactCSSTransitionReplace - Clean up GraphQL queries - Improve getTextualContent method in website utilities - Convert ttf fonts to woff2 - Add title attribute to menu items
82 lines
2.3 KiB
JavaScript
82 lines
2.3 KiB
JavaScript
import React from 'react';
|
|
import { graphql } from 'gatsby';
|
|
import { connect } from 'react-redux';
|
|
import { pushNewPage } from '../state/app';
|
|
|
|
import Meta from '../components/Meta';
|
|
import Shell from '../components/Shell';
|
|
import SnippetCard from '../components/SnippetCard'
|
|
|
|
// ===================================================
|
|
// Individual snippet category/tag page
|
|
// ===================================================
|
|
const ArchivePage = props => {
|
|
const posts = props.data.allMarkdownRemark.edges;
|
|
|
|
React.useEffect(() => {
|
|
props.dispatch(pushNewPage('Archived', props.path));
|
|
}, []);
|
|
|
|
return (
|
|
<>
|
|
<Meta title='Archived snippets' />
|
|
<Shell>
|
|
<h2 className='page-title'>Archived snippets</h2>
|
|
<p className='page-sub-title'>These snippets, while useful and interesting, didn't quite make it into the repository due to either having very specific use-cases or being outdated. However we felt like they might still be useful to some readers, so here they are.</p>
|
|
<p className='light-sub'>Click on a snippet's name to view its code.</p>
|
|
{posts &&
|
|
posts.map(({ node }) => (
|
|
<SnippetCard
|
|
key={`snippet_${node.id}`}
|
|
short
|
|
archived
|
|
snippetData={{
|
|
title: node.frontmatter.title,
|
|
html: node.html,
|
|
tags: node.frontmatter.tags.split(',').map(v => v.trim()),
|
|
id: node.fields.slug.slice(1),
|
|
}}
|
|
isDarkMode={props.isDarkMode}
|
|
/>
|
|
))}
|
|
</Shell>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default connect(
|
|
state => ({
|
|
isDarkMode: state.app.isDarkMode,
|
|
lastPageTitle: state.app.lastPageTitle,
|
|
lastPageUrl: state.app.lastPageUrl,
|
|
searchQuery: state.app.searchQuery,
|
|
}),
|
|
null,
|
|
)(ArchivePage);
|
|
|
|
export const archivePageQuery = graphql`
|
|
query ArchivePage {
|
|
allMarkdownRemark(
|
|
limit: 1000
|
|
sort: { fields: [frontmatter___title], order: ASC }
|
|
filter: { fileAbsolutePath: { regex: "/snippets_archive/" }, frontmatter: {title: { ne: "" } } }
|
|
) {
|
|
totalCount
|
|
edges {
|
|
node {
|
|
id
|
|
html
|
|
rawMarkdownBody
|
|
fields {
|
|
slug
|
|
}
|
|
frontmatter {
|
|
title
|
|
tags
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
`;
|