Buffer Transfer API

client/package.json

@@ -19,6 +19,7 @@
     "react-dom": "^18.2.0",
     "react-dropzone": "^14.2.3",
     "react-lottie": "^1.2.3",
+    "react-pdf": "^6.2.0",
     "react-redux": "^8.0.5",
     "react-router-dom": "^6.4.4",
     "react-scripts": "5.0.1",

client/src/pages/book/Book.view.jsx

@@ -0,0 +1,37 @@
+import React, { useState } from 'react';
+import { Document, Page } from 'react-pdf';
+import axios from '../../utils/axiosInstance';
+
+const BookView = () => {
+    const [numPages, setNumPages] = useState(null);
+    const [pageNumber, setPageNumber] = useState(1);
+    const [file,setFile] = useState(null);
+
+    const getBook = async()=>{
+        const data = {
+            ipfsLink:"https://ipfs.moralis.io:2053/ipfs/Qmb7axp3nYTctZjpiLX1wkXdoaHXu7iNQAVZdQuJNoHXj5/uploads/sample.pdf"
+        }
+        const res = await axios.post('book/get',data)
+        // setFile(res.data)
+        setFile(res.data.buffer.data)
+        console.log(res)
+    }
+
+    function onDocumentLoadSuccess({ numPages }) {
+      setNumPages(numPages);
+    }
+  return (
+    <>
+    <Document file={""} onLoadSuccess={onDocumentLoadSuccess}>
+        <Page pageNumber={pageNumber} />
+      </Document>
+      <p>
+        Page {pageNumber} of {numPages}
+      </p>
+      <button onClick={()=>getBook()}>Load</button>
+
+    </>
+  )
+}
+
+export default BookView

client/src/routes/routes.index.js

@@ -47,6 +47,10 @@ export default function Router() {
           path: "books/:id",
           element: <SingleBook />,
         },
+        {
+          path:"bookView/:bookID",
+          element:<BookView/>
+        }
       ],
     },
     {
@@ -88,3 +92,7 @@ const VerifyOTP = Loadable(
 const SingleBook = Loadable(
   lazy(() => import("../pages/book/SingleBook.component"))
 );
+
+const BookView = Loadable(
+  lazy(() => import("../pages/book/Book.view"))
+);