abedzantout

import React, {FunctionComponent, Fragment, ReactNode} from 'react';

type Props = {
    metaTags: MetaTags;
    children: ReactNode;
}
const Layout: FunctionComponent<Props> = ({metaTags, children}) => {

    return (
        <Fragment>

abedzantout

import { NextPage } from 'next';
import React from 'react';
import ReactMarkdown from 'react-markdown';

import './styles.css';

import { ContentfulService } from '../../core/contentful';

import Layout from '../../shared/components/layout/layout.component';

abedzantout

.post-container {
    margin: 1rem auto 1rem 4rem;

    width: 65%;
}

.markdown p,
.markdown ul,
.markdown ol {
    margin-bottom: 1.5rem;

abedzantout

// Helper functions
export const getNavigationLink = (slug) => `/post/${slug}`;
export const getHref = (slug) => ({
    pathname: '/post',
    query: {post: slug},
});

abedzantout

import { createClient } from 'contentful';
import { BlogPost } from '../interfaces/post';

export const CONTENT_TYPE_BLOGPOST = 'blogPost';
export const CONTENT_TYPE_PERSON = 'author';
export const CONTENT_TYPE_TAGS = 'tag';

const Space = process.env.CONTENTFUL_SPACE;
const Token = process.env.CONTENTFUL_TOKEN;

abedzantout

async fetchSuggestions(tags: string[], currentArticleSlug: string) {

    const limit = 3; // limit of posts we want to fetch
    let entries = [];

    const initialOptions = {
        content_type: CONTENT_TYPE_BLOGPOST,
        limit,
        // find at least one matching tag, else undefined properties are not copied
        'fields.tags.sys.id[in]': tags.length ? tags.join(',') : undefined,