You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something extraordinary!
+ Open Hosting Documentation +Firebase SDK Loading…
+ + + + diff --git a/src/app/api/export/route.js b/src/app/api/export/route.js new file mode 100644 index 0000000..9dcc1de --- /dev/null +++ b/src/app/api/export/route.js @@ -0,0 +1,162 @@ +import React from "react"; +import { + Page, + Text, + View, + Document, + StyleSheet, + renderToBuffer, + Font, +} from "@react-pdf/renderer"; + +// Create styles +Font.register({ + family: "Inter", + src: "http://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fMZhrib2Bg-4.ttf", +}); + +// Create styles +const styles = StyleSheet.create({ + body: { + paddingTop: 35, + paddingBottom: 65, + paddingHorizontal: 35, + }, + headerRow: { + flexDirection: "row", + justifyContent: "space-between", + backgroundColor: "#e4dcd3", + paddingLeft: 20, + paddingRight: 20, + }, + row: { + flexDirection: "row", + justifyContent: "space-between", + paddingLeft: 20, + paddingRight: 20, + }, + headerTitle: { + fontSize: 18, + fontFamily: "Inter", + }, + rowText: { + fontSize: 14, + fontFamily: "Helvetica", + paddingTop: 5, + paddingBottom: 5, + }, + title: { + fontSize: 24, + textAlign: "center", + fontFamily: "Inter", + }, + author: { + fontSize: 12, + textAlign: "center", + }, + sideText: { + marginLeft: 12, + fontSize: 12, + textAlign: "left", + }, + subtitle: { + fontSize: 18, + margin: 12, + fontFamily: "Inter", + }, + text: { + margin: 12, + fontSize: 14, + textAlign: "justify", + fontFamily: "Times-Roman", + }, + image: { + marginVertical: 15, + marginHorizontal: 100, + }, + header: { + fontSize: 12, + marginBottom: 20, + textAlign: "center", + color: "grey", + }, +}); + +// Create Document Component +const Receipt = () => ( +
- Get started by editing
- src/app/page.js
-
- Find in-depth information about Next.js features and API. -
- - - -- Learn about Next.js in an interactive course with quizzes! -
- - - -- Explore starter templates for Next.js. -
- - - -- Instantly deploy your Next.js site to a shareable URL with Vercel. -
- -{proposal.projectDescription}
+Client: {proposal.clientName}
+Price: {proposal.pricing}
++ Date:{" "} + {dayjs + .unix(proposal.timestamp.seconds) + .format("DD/MM/YYYY hh:mm A")} +
++ {meta.current_page} of {meta.total_pages} +
+ +