devops/encoach_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added page break + Improvement footer behaviour

Browse Source
This commit is contained in:
Joao Ramos
2024-01-10 21:57:21 +00:00
parent b00bf19620
commit 2ec7e85ace
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/exams/pdf/test.report.footer.tsx
View File

@@ -3,7 +3,7 @@ import { styles } from "./styles";
import { View, Text } from "@react-pdf/renderer"; import { View, Text } from "@react-pdf/renderer";
const TestReportFooter = () => ( const TestReportFooter = () => (
<View style={[{ paddingTop: 30, fontSize: 5 }, styles.textFont]}> <View style={[{ paddingTop: 30, fontSize: 5, position: 'absolute', bottom: 30, left: 35, right: 35 }, styles.textFont,]}>
<View <View
style={[ style={[
styles.spacedRow, styles.spacedRow,

5
src/exams/pdf/test.report.tsx
View File

@@ -80,7 +80,7 @@ const TestReport = ({
<Text style={defaultTextStyle}>Email: {email}</Text> <Text style={defaultTextStyle}>Email: {email}</Text>
<Text style={defaultTextStyle}>Gender: {gender}</Text> <Text style={defaultTextStyle}>Gender: {gender}</Text>
</View> </View>
<View style={{ flex: 1 }}> <View style={{ height: '120px' }}>
<Text <Text
style={[ style={[
styles.textFont, styles.textFont,
@@ -109,6 +109,9 @@ const TestReport = ({
</View> </View>
</View> </View>
<View style={[{ paddingTop: 30 }, styles.separator]}></View> <View style={[{ paddingTop: 30 }, styles.separator]}></View>
<TestReportFooter />
</Page>
<Page style={styles.body}>
<View> <View>
<Text <Text
style={[ style={[