Merge branch 'main' of https://github.com/schaechinger/dotcom

Author: Manuel Schächinger

app/[locale]/about/page.tsx

@@ -57,22 +57,22 @@ const AboutPage = async () => {
           <p className="mb-2">{t('profile.bullets.work', { years })}</p>
           <p className="mb-2">{t.rich('profile.bullets.stack', {
             link: (label: React.ReactNode) => (
-              <Link href="/work#stack" className="inline-link">{label}</Link>
+              <Link href="/work#stack" inline>{label}</Link>
             ),
           })}</p>
           <p className="mb-2">{t.rich('profile.bullets.education', {
             link: (label: React.ReactNode) => (
-              <Link href="/resume#hm" className="inline-link">{label}</Link>
+              <Link href="/resume#hm" inline>{label}</Link>
             ),
           })}</p>
           <p className="mb-2">{t.rich('profile.bullets.sports', {
             link: (label: React.ReactNode) => (
-              <Link href="/sports#marathons" className="inline-link">{label}</Link>
+              <Link href="/sports#marathons" inline>{label}</Link>
             ),
           })}</p>
           <p>{t.rich('profile.bullets.medalmonday', {
             link: (label: React.ReactNode) => (
-              <Link href="/projects/medalmonday" className="inline-link">{label}</Link>
+              <Link href="/projects/medalmonday" inline>{label}</Link>
             ),
           })}</p>
         </BulletList>

app/components/atoms/Link.tsx

@@ -11,12 +11,13 @@ type Props = {
   className?: string;
   inline?: boolean;
   locale?: LocaleCode;
+  prefetch?: boolean;
   target?: string;
   title?: string;
   onClick?: React.MouseEventHandler;
 };
 
-const Link = ({ accessKey, children, className, href, inline, locale, onClick, target, title }: Props) => {
+const Link = ({ accessKey, children, className, href, inline, locale, onClick, prefetch, target, title }: Props) => {
   // const currentLocale = useLocale() as LocaleCode;
   const intlLocale = useLocale();
   const linkLocale = locale || intlLocale;
@@ -34,6 +35,7 @@ const Link = ({ accessKey, children, className, href, inline, locale, onClick, t
       title={title}
       onClick={onClick}
       accessKey={accessKey}
+      prefetch={prefetch}
     >{children}</NextLink>
   );
 };

app/components/atoms/SnesButtons.tsx

@@ -10,7 +10,7 @@ const SnesButtons = () => {
       <span className={clsx('left-0 top-6 hover:bg-snes-y hover:text-contrast-50', className)}>Y</span>
       <span className={clsx('left-6 top-0 hover:bg-snes-x hover:text-contrast-50', className)}>X</span>
       <span className={clsx('left-12 top-6 hover:bg-snes-a hover:text-contrast-50', className)}>A</span>
-      <Link href="/" className={clsx('left-6 top-12 hover:bg-snes-b hover:text-contrast-950 hover:dark:text-contrast-950', className)}>B</Link>
+      <Link href="/" className={clsx('left-6 top-12 hover:bg-snes-b hover:text-contrast-950 hover:dark:text-contrast-950', className)} prefetch={false}>B</Link>
     </div>
   );
 };

app/components/atoms/YearInFigures.tsx

@@ -16,7 +16,10 @@ const calcDays = (factor = 1) => {
 };
 
 const YearInFigures = async () => {
-  const [data, t] = await Promise.all([loadFigures(), getTranslations('yearInFigures')]);
+  const [data, t] = await Promise.all([
+    loadFigures(new Date().getFullYear()),
+    getTranslations('yearInFigures'),
+  ]);
 
   const figures = [
     {

app/components/molecules/LanguageSelection.tsx

@@ -15,7 +15,7 @@ const LanguageSelection = () => {
     <ul className="flex flex-col gap-2 sm:gap-0 justify-center">
       {supportedLangs.map((lang) => (
         <li key={lang} className="py-1.5">
-          <Link href={page} locale={lang} className="font-normal">{translations.name[lang]}</Link>
+          <Link href={page} locale={lang} prefetch={false} className="font-normal">{translations.name[lang]}</Link>
         </li>
       ))}
     </ul>

app/components/molecules/ProjectLinks.tsx

@@ -21,35 +21,35 @@ const ProjectLinks = ({ links }: Props) => {
         link: () => <Link
             href={links.project!.link}
             target="_blank"
-            className="inline-link"
+            inline
           >{ links.project!.label }</Link>
       })}</p>}
       {links?.code && <p className="link--code mb-2">{t.rich('code', {
         link: () => <Link
             href={links.code!.link}
             target="_blank"
-            className="inline-link"
+            inline
           >{ links.code!.label }</Link>
       })}</p>}
       {links?.github && <p className="link--github mb-2">{t.rich('code', {
         link: () => <Link
             href={`https://github.com/${links.github!.join('/')}`}
             target="_blank"
-            className="inline-link"
+            inline
           >GitHub</Link>
       })}</p>}
       {links?.package && <p className="link--package mb-2">{t.rich('package', {
         link: () => <Link
             href={links.package!.link}
             target="_blank"
-            className="inline-link"
+            inline
           >{ links.package!.label }</Link>
       })}</p>}
       {links?.npm && <p className="link--npm mb-2">{t.rich('package', {
         link: () => <Link
             href={`https://npmjs.org/package/${links.npm}`}
             target="_blank"
-            className="inline-link"
+            inline
           >npm</Link>
       })}</p>}
     </PageSection>

app/components/organisms/Footer.tsx

@@ -31,7 +31,7 @@ const Footer = () => {
           <ul className="flex flex-col gap-2 sm:gap-0 justify-center">
             {LEGAL_NAVIGATION.map((page) => (
               <li key={page} className="py-1.5">
-                <Link href={`/${page}`} className="font-normal">{t(page as 'imprint')}</Link>
+                <Link href={`/${page}`} className="font-normal" prefetch={false}>{t(page as 'imprint')}</Link>
               </li>
             ))}
           </ul>