fix pdf

src/components/Projects/Cell.tsx

@@ -1,7 +1,7 @@
 import dayjs from 'dayjs';
 import React from 'react';
 import { IProject } from '../../data/projects';
-import PdfViewer from './Pdf';
+import PdfViewer from './PdfViewer';
 
 export interface ICell {
   data: IProject;
@@ -32,7 +32,7 @@ const Cell: React.FC<ICell> = ({ data }) => (
       ) : (
         <div></div>
       )}
-      {data.pdf ? PdfViewer(data.pdf) : <div></div>}
+      {data.pdf ? <PdfViewer path={data.pdf}></PdfViewer> : <div></div>}
       <div className="description">
         <p>{data.desc}</p>
       </div>

src/components/Projects/PdfViewer.tsx

@@ -0,0 +1,17 @@
+import { Viewer, Worker } from '@react-pdf-viewer/core';
+import '@react-pdf-viewer/core/lib/styles/index.css';
+import React from 'react';
+
+export interface IPdf {
+  path: string;
+}
+
+const PdfViewer: React.FC<IPdf> = ({ path }) => (
+  <div style={{ height: '750px' }}>
+    <Worker workerUrl="https://unpkg.com/[email protected]/build/pdf.worker.min.js">
+      <Viewer fileUrl={path} />;
+    </Worker>
+  </div>
+);
+
+export default PdfViewer;

src/components/Template/Hamburger.tsx

@@ -32,7 +32,9 @@ const Hamburger = () => {
             {routes.map((l) => (
               <li key={l.label}>
                 <Link to={l.path} onClick={() => setOpen(!open)}>
-                  <h3 className={l.index && 'index-li'}>{l.label}</h3>
+                  <h3 className={l.index ? 'index-li' : undefined}>
+                    {l.label}
+                  </h3>
                 </Link>
               </li>
             ))}