feat: add downloadable CV from Work page

martapanc · Sep 14, 2023 · 36cb064 · 36cb064
1 parent e5ba1ab
commit 36cb064
Show file tree

Hide file tree

Showing 8 changed files with 67 additions and 64 deletions.
diff --git a/next.config.js b/next.config.js
@@ -39,6 +39,15 @@ const nextConfig = {
   },
 
   staticPageGenerationTimeout: 600,
+
+  async rewrites() {
+    return [
+      {
+        source: '/downloads/cv.pdf',
+        destination: '/api/cv.pdf',
+      },
+    ];
+  },
 };
 
 module.exports = nextConfig;
diff --git a/src/app/(public)/about/page.tsx b/src/app/(public)/about/page.tsx
@@ -109,7 +109,7 @@ const AboutFreeTimePage = async () => {
     <main className='min-h-main'>
       <section className='dark:bg-dark bg-white'>
         <div className='layout relative flex flex-col py-12'>
-          <h1 className='mb-5'>Free Time</h1>
+          <h1 className='mb-5'>About me</h1>
 
           <div className='mb-5'>
             <p>

diff --git a/src/app/(public)/cv/cv/page.tsx b/src/app/(public)/cv/cv/page.tsx
diff --git a/src/app/(public)/cv/page.tsx b/src/app/(public)/cv/page.tsx
@@ -8,6 +8,7 @@ import Intro from '@/components/organisms/about-work/Intro';
 import Languages from '@/components/organisms/about-work/Languages';
 import Publications from '@/components/organisms/about-work/Publications';
 import WorkExperience from '@/components/organisms/about-work/WorkExperience';
+import CvCard from '@/components/organisms/cv/CvCard';
 
 import { queryJobs } from '@/queries/jobs';
 import { queryLanguages } from '@/queries/languages';
@@ -99,6 +100,10 @@ const AboutPage = async () => {
           <hr />
 
           <Publications publications={publications} />
+
+          <hr />
+
+          <CvCard />
         </div>
       </section>
     </main>

diff --git a/src/components/organisms/cv/CvCard.tsx b/src/components/organisms/cv/CvCard.tsx
@@ -1,6 +1,5 @@
 'use client';
 
-import Image from 'next/image';
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { FaDownload } from 'react-icons/fa';
@@ -10,38 +9,15 @@ import Button from '@/components/buttons/Button';
 const CvCard = () => {
   const { t } = useTranslation();
 
-  const width = 1200;
-
   return (
-    <>
-      <div className='flex justify-center p-3'>
-        <a
-          href='http://bit.ly/pancaldi_cv'
-          target='_blank'
-          rel='noopener noreferrer'
-        >
-          <Button color='dark'>
-            <FaDownload className='me-2' />
-            {t('cv.download')}
-          </Button>
-        </a>
-      </div>
-
-      <div className='md:p-4 drop-shadow-xl'>
-        <Image
-          src='https://res.cloudinary.com/dwrurydlt/image/upload/v1694635077/Pancaldi_CV_aug23_1_103473c4e7.webp'
-          alt='CV Page 1'
-          width={width}
-          height={0}
-        />
-        <Image
-          src='https://res.cloudinary.com/dwrurydlt/image/upload/v1694635671/Pancaldi_CV_aug23_77a1e29cab.webp'
-          alt='CV Page 2'
-          width={width}
-          height={0}
-        />
-      </div>
-    </>
+    <div className='flex justify-center p-3 mt-6'>
+      <a href='/downloads/cv.pdf' target='_blank' rel='noopener noreferrer'>
+        <Button color='dark'>
+          <FaDownload className='me-2' />
+          {t('cv.download')}
+        </Button>
+      </a>
+    </div>
   );
 };
 

diff --git a/src/data/locales/en.json b/src/data/locales/en.json
@@ -43,7 +43,9 @@
       "icon": "https://res.cloudinary.com/dwrurydlt/image/upload/v1692894192/newspaper_e15ec94d21.svg"
     }
   },
-  "aboutFreeTime": {},
+  "about": {
+    "title": "Su di me"
+  },
   "projects": {
     "readMore": "Read More"
   },

diff --git a/src/data/locales/it.json b/src/data/locales/it.json
@@ -40,12 +40,15 @@
     "publications": {
       "title": "Pubblicazioni",
       "icon": "https://res.cloudinary.com/dwrurydlt/image/upload/v1692894192/newspaper_e15ec94d21.svg"
-    },
-    "projects": {
-      "readMore": "Leggi di più"
-    },
-    "cv": {
-      "download": "Scarica PDF"
     }
+  },
+  "about": {
+    "title": "About me"
+  },
+  "projects": {
+    "readMore": "Leggi di più"
+  },
+  "cv": {
+    "download": "Scarica PDF"
   }
 }
diff --git a/src/pages/api/cv.pdf.ts b/src/pages/api/cv.pdf.ts
@@ -0,0 +1,32 @@
+/* eslint-disable no-console */
+import { NextApiRequest, NextApiResponse } from 'next';
+import fetch from 'node-fetch';
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse,
+) {
+  try {
+    const cloudinaryUrl =
+      'https://res.cloudinary.com/dwrurydlt/image/upload/v1694634540/Pancaldi_CV_aug23_258811b6b1.pdf';
+
+    const cloudinaryResponse = await fetch(cloudinaryUrl);
+
+    if (!cloudinaryResponse.ok) {
+      console.error(
+        'Error fetching the PDF from Cloudinary:',
+        cloudinaryResponse.statusText,
+      );
+      res.status(500).end('Internal Server Error');
+      return;
+    }
+
+    res.setHeader('Content-Type', 'application/pdf');
+    res.setHeader('Content-Disposition', 'inline; filename=cv.pdf');
+
+    cloudinaryResponse.body.pipe(res);
+  } catch (error) {
+    console.error('Error:', error);
+    res.status(500).end('Internal Server Error');
+  }
+}