feat(article): redirect old links to new links (#193)

* feat: add query for getArticleByOldID

* feat: check for old url and redirect

client/src/graphql/queries/article/getArticleByOldID.js

@@ -0,0 +1,10 @@
+import { gql } from '@apollo/client';
+import completeArticleData from '../../fragments/article/completeArticleData';
+
+export default gql`
+  query getArticleByOldID($id: Int!) {
+    getArticleByOldID(id: $id) {
+      ${completeArticleData}
+    }
+  }
+`;

client/src/pages/article/[...article].jsx

@@ -18,6 +18,7 @@ import theme from '../../config/themes/light';
 
 // Queries
 import getArticleByID from '../../graphql/queries/article/getArticleByID';
+import getArticleByOldID from '../../graphql/queries/article/getArticleByOldID';
 import getArticleLink, { getArticleSlug } from '../../utils/getArticleLink';
 
 function ArticlePage({ article }) {
@@ -148,10 +149,25 @@ function ArticlePage({ article }) {
 
 export async function getStaticProps({
   params: {
-    article: [articleId, articleSlug],
+    article: [articleId, articleSlug, _date, oldArticleLink],
   },
   preview,
 }) {
+  if (oldArticleLink) {
+    const {
+      data: { getArticleByOldID: article },
+    } = await GraphClient.query({
+      query: getArticleByOldID,
+      variables: { id: parseInt(oldArticleLink.split('-')[0]) },
+    });
+    return {
+      redirect: {
+        destination: getArticleLink(article.id, article.title),
+        permanent: false,
+      },
+    };
+  }
+
   const {
     data: { getArticleByID: article },
   } = await GraphClient.query({