blob: 5e54ee46bebdc33fe5c94d82fb62d341ed2e6e2d (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
import { useEffect, useState } from 'react';
import useSWR from 'swr';
import { convertPostToArticle, fetchPost } from '../../services/graphql';
import type { Article, Maybe } from '../../types';
export type UseArticleConfig = {
/**
* A fallback article
*/
fallback?: Article;
/**
* The article slug
*/
slug?: string;
};
/**
* Retrieve an article by slug.
*
* @param {UseArticleConfig} config - The config.
* @returns {Article|undefined} The matching article if it exists.
*/
export const useArticle = ({
slug,
fallback,
}: UseArticleConfig): Article | undefined => {
const { data } = useSWR(slug, fetchPost, {});
const [article, setArticle] = useState<Maybe<Article>>(fallback);
useEffect(() => {
if (data) convertPostToArticle(data).then((post) => setArticle(post));
}, [data]);
return article;
};
|
