fix: Poprawiono błąd w nawigacji i stopce (#80)

* fix: Poprawiono błąd w nawigacji

* Remove stupid code

components/ArticleSection/ArticleSection.tsx

@@ -8,7 +8,7 @@ import { Button } from '../Button/Button';
 
 import styles from './articleSection.module.scss';
 
-type ArticleSectionProps = ArticlePageProps;
+type ArticleSectionProps = Pick<ArticlePageProps, 'article'>;
 
 export const ArticleSection = memo<ArticleSectionProps>(({ article }) => {
   const readableDate = formatDate(article.publishedAt);

components/Footer/Footer.tsx

@@ -3,7 +3,6 @@ import Link from 'next/link';
 import styles from './footer.module.scss';
 
 const date = new Date();
-const footerDate = date.toISOString();
 const copyrightYear = date.getFullYear();
 
 export const Footer = () => {
@@ -22,9 +21,10 @@ export const Footer = () => {
           </a>
         </Link>{' '}
         <span aria-hidden={true} className={styles.version}>
-          {process.env.NEXT_PUBLIC_VERSION || ''} <time>{footerDate}</time>
+          {process.env.NEXT_PUBLIC_VERSION || ''}
         </span>
       </p>
     </footer>
   );
 };
+Footer.displayName = 'Footer';

components/MainNavigation/MainNavigation.tsx

@@ -24,12 +24,19 @@ export const MainNavigation = () => {
       <ul className={styles.navigationList}>
         {links.map(({ label, href, openInNewTab, icon }) => (
           <li className={styles.navigationItem} key={href}>
-            <Link href={href}>
-              <a {...(openInNewTab && { target: '_blank' })} title={label}>
-                <span className={`icon-${icon} ${styles.icon}`}></span>
+            {openInNewTab ? (
+              <a href={href} target="_blank" rel="noopener noreferrer" title={label}>
+                <span className={`icon-${icon} ${styles.icon}`} />
                 <span className={styles.label}>{label}</span>
               </a>
-            </Link>
+            ) : (
+              <Link href={href}>
+                <a title={label}>
+                  <span className={`icon-${icon} ${styles.icon}`} />
+                  <span className={styles.label}>{label}</span>
+                </a>
+              </Link>
+            )}
           </li>
         ))}
       </ul>

pages/[displayStyle]/[cursor].tsx

@@ -71,7 +71,11 @@ export const getStaticProps = async ({
       const { data: articlesFromDb, nextCursor } = await getArticlesForList(prisma, params?.cursor);
       const articles = articlesFromDb.map(addExcerptToArticle);
       return {
-        props: { articles, displayStyle: 'list' as const, nextCursor },
+        props: {
+          articles,
+          displayStyle: 'list' as const,
+          nextCursor,
+        },
         revalidate: REVALIDATION_TIME,
       };
     }

types.ts

@@ -23,6 +23,6 @@ export type InferGetStaticPropsContext<T> = GetStaticPropsContext<InferGetStatic
 
 export type InferGetStaticPropsType2<T> = T extends (
   ...args: readonly any[]
-) => Promise<{ readonly props: infer P }>
+) => Promise<{ readonly props: infer P }> | { readonly props: infer P }
   ? NonNullable<P>
   : never;