From de9a9eac060974a7878f2bb5577f2b135596a555 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Fri, 22 Jul 2022 19:00:50 +0200
Subject: refactor(article): wrap useSWR with a custom hook to revalidate
 article

---
 src/utils/hooks/use-article.tsx | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 src/utils/hooks/use-article.tsx

(limited to 'src/utils/hooks/use-article.tsx')

diff --git a/src/utils/hooks/use-article.tsx b/src/utils/hooks/use-article.tsx
new file mode 100644
index 0000000..3a173dd
--- /dev/null
+++ b/src/utils/hooks/use-article.tsx
@@ -0,0 +1,24 @@
+import { fetchAPI, getAPIUrl } from '@services/graphql/api';
+import { getArticleFromRawData } from '@services/graphql/articles';
+import { articleBySlugQuery } from '@services/graphql/articles.query';
+import { Article } from '@ts/types/app';
+import { RawArticle } from '@ts/types/raw-data';
+import useSWR from 'swr';
+
+/**
+ * Retrieve an article by slug.
+ *
+ * @param {string} slug - The article slug.
+ * @param {Article} fallback - A fallback article.
+ * @returns {Article} The matching article.
+ */
+const useArticle = (slug: string, fallback: Article): Article => {
+  const { data } = useSWR(
+    { api: getAPIUrl(), query: articleBySlugQuery, variables: { slug } },
+    fetchAPI<RawArticle, typeof articleBySlugQuery>
+  );
+
+  return data ? getArticleFromRawData(data.post) : fallback;
+};
+
+export default useArticle;
-- 
cgit v1.2.3

