Function Footer has 75 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Footer = () => {
  const { authorName, websiteHost, footerLinks } = useSiteMetadata()

  const FooterItem = ({ item }) => {
    if (item.url.startsWith('/')) {

Function SEO has 68 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const SEO = props => {
  const { isBlogPost, path = '', lang = 'en', datePublished } = props
  const {
    siteTitle,
    siteUrl,

Function PrevNextPost has 50 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const PrevNextPost = props => {
  const { previous, next } = props
  const articles = [previous, next].filter(i => i).map(item => ({ node: item }))
  const { siteCover, defaultLang } = useSiteMetadata()
  const { fluid } = useSiteImages(siteCover)

Function useSiteImages has 45 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const useSiteImages = imageName => {
  const result = useStaticQuery(graphql`
    {
      allFile(filter: { sourceInstanceName: { eq: "images" } }) {
        edges {

Function NotFoundPage has 43 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const NotFoundPage = props => {
  const data = useStaticQuery(graphql`
    query {
      posts: allMdx(
        sort: { fields: [frontmatter___date], order: DESC }

Function useSiteMetadata has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const useSiteMetadata = () => {
  const result = useStaticQuery(graphql`
    {
      site {
        siteMetadata {

Function render has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const post = this.props.data.post
    const { previous, next } = this.props.pageContext

    return (

Function BlogPostShareImage has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const BlogPostShareImage = props => {
  const post = props.data.post
  const { width, height } = props.pageContext
  const heroImg = post.frontmatter.cover && post.frontmatter.cover.publicURL
  const { siteCover, authorAvatar, headerTitle } = useSiteMetadata()

Function Header has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Header = () => {
  const {
    headerLinks,
    siteTitle,
    headerTitle,

Function PostsListItem has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const PostsListItem = props => {
  const { title, excerpt, slug, language, tags, timeToRead } = props
  const { defaultLang } = useSiteMetadata()

  return (

Function DarkToggle has a Cognitive Complexity of 6 (exceeds 5 allowed). Consider refactoring.

Open

const DarkToggle = ({ isExpanded = false }) => {
  const { colorMode, setColorMode } = React.useContext(ThemeContext)

  if (!colorMode) {
    return null

• Read up
  Read up

Function SEO has a Cognitive Complexity of 6 (exceeds 5 allowed). Consider refactoring.

Open

const SEO = props => {
  const { isBlogPost, path = '', lang = 'en', datePublished } = props
  const {
    siteTitle,
    siteUrl,

• Read up
  Read up