Added QRCode for PDF
This commit is contained in:
@@ -54,6 +54,10 @@ const styles = StyleSheet.create({
|
||||
flexDirection: "row",
|
||||
justifyContent: "space-between",
|
||||
},
|
||||
alignRightRow: {
|
||||
display: "flex",
|
||||
flexDirection: "row-reverse",
|
||||
}
|
||||
});
|
||||
|
||||
interface Props {
|
||||
@@ -65,6 +69,7 @@ interface Props {
|
||||
testDetails: ModuleScore[];
|
||||
summary: string;
|
||||
logo: string;
|
||||
qrcode: string;
|
||||
}
|
||||
|
||||
const PDFReport = ({
|
||||
@@ -76,6 +81,7 @@ const PDFReport = ({
|
||||
testDetails,
|
||||
summary,
|
||||
logo,
|
||||
qrcode,
|
||||
}: Props) => {
|
||||
const defaultTextStyle = [styles.textFont, { fontSize: 8 }];
|
||||
const defaultSkillsTextStyle = [styles.textFont, { fontSize: 8 }];
|
||||
@@ -89,10 +95,7 @@ const PDFReport = ({
|
||||
<Document>
|
||||
<Page style={styles.body}>
|
||||
<View
|
||||
style={{
|
||||
display: "flex",
|
||||
flexDirection: "row-reverse",
|
||||
}}
|
||||
style={styles.alignRightRow}
|
||||
>
|
||||
<Image
|
||||
src={logo}
|
||||
@@ -209,6 +212,12 @@ const PDFReport = ({
|
||||
</View>
|
||||
))}
|
||||
</View>
|
||||
<View style={styles.alignRightRow}>
|
||||
<Image src={qrcode} style={{
|
||||
width: '80px',
|
||||
height: '80px',
|
||||
}}/>
|
||||
</View>
|
||||
</View>
|
||||
<View style={[{ paddingTop: 30 }, styles.separator]}>
|
||||
<View>
|
||||
|
||||
Reference in New Issue
Block a user