Implement PDF export for Bemestingsplan

.changeset/icy-kings-enjoy.md

@@ -0,0 +1,5 @@
+---
+"@svenvw/fdm-app": minor
+---
+
+Adds that the user can download a pdf, "Bemestingsplan", for a farm that gives on farm-level an overview of norms, advices, used fertilizers and on field-level,the norms, advices, soil status and planned fertilizer applications.

fdm-app/app/components/blocks/pdf/PdfBadge.tsx

@@ -0,0 +1,14 @@
+import { Text, View } from "@react-pdf/renderer"
+import { pdfStyles } from "./bemestingsplan/styles"
+
+export const PdfBadge = ({
+    children,
+    style,
+}: {
+    children: string
+    style?: any
+}) => (
+    <View style={[pdfStyles.badge, style]}>
+        <Text>{children}</Text>
+    </View>
+)

fdm-app/app/components/blocks/pdf/PdfCard.tsx

@@ -0,0 +1,10 @@
+import { View } from "@react-pdf/renderer"
+import { pdfStyles } from "./bemestingsplan/styles"
+
+export const PdfCard = ({
+    children,
+    style,
+}: {
+    children: React.ReactNode
+    style?: any
+}) => <View style={[pdfStyles.card, style]}>{children}</View>

fdm-app/app/components/blocks/pdf/PdfTable.tsx

@@ -0,0 +1,44 @@
+import { Text, View } from "@react-pdf/renderer"
+import { pdfStyles } from "./bemestingsplan/styles"
+
+export const PdfTable = ({
+    children,
+    style,
+}: {
+    children: React.ReactNode
+    style?: any
+}) => <View style={[pdfStyles.table, style]}>{children}</View>
+
+export const PdfTableHeader = ({
+    children,
+    style,
+}: {
+    children: React.ReactNode
+    style?: any
+}) => <View style={[pdfStyles.tableHeader, style]}>{children}</View>
+
+export const PdfTableRow = ({
+    children,
+    style,
+}: {
+    children: React.ReactNode
+    style?: any
+}) => <View style={[pdfStyles.tableRow, style]}>{children}</View>
+
+export const PdfTableCell = ({
+    children,
+    style,
+    weight = 1,
+}: {
+    children: React.ReactNode
+    style?: any
+    weight?: number
+}) => (
+    <View style={[pdfStyles.tableCell, { flex: weight }, style]}>
+        {typeof children === "string" || typeof children === "number" ? (
+            <Text>{children}</Text>
+        ) : (
+            children
+        )}
+    </View>
+)