From 7370f5ea5ef5245db6e721deca53dd0a44fc7ed2 Mon Sep 17 00:00:00 2001
From: Petter Andersson <petter.andersson@helsingborg.se>
Date: Mon, 2 Oct 2023 13:41:43 +0200
Subject: [PATCH] test of printability of modified QR-code format

---
 .../components/details/AdvertQrCodeView.tsx     | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/src/adverts/components/details/AdvertQrCodeView.tsx b/src/adverts/components/details/AdvertQrCodeView.tsx
index 7b2805b..7d1c66d 100644
--- a/src/adverts/components/details/AdvertQrCodeView.tsx
+++ b/src/adverts/components/details/AdvertQrCodeView.tsx
@@ -1,11 +1,10 @@
-import { Typography } from '@mui/material'
 import { Advert } from 'adverts'
 import { DeepLinkContext } from 'deep-links/DeepLinkContext'
 import { FC, useContext } from 'react'
 import QRCode from 'react-qr-code'
 
 export const AdvertQrCodeView: FC<{ advert: Advert }> = ({ advert }) => {
-    const {getAdvertLinkForQrCode} = useContext(DeepLinkContext)
+    const { getAdvertLinkForQrCode } = useContext(DeepLinkContext)
     const link = getAdvertLinkForQrCode(advert)
     console.log(link)
     return (
@@ -13,19 +12,13 @@ export const AdvertQrCodeView: FC<{ advert: Advert }> = ({ advert }) => {
             style={{
                 display: 'grid',
                 placeItems: 'center',
-                width: '100vw',
-                height: '100vh',
+                width: '100%',
+                height: 'auto',
             }}
         >
             <div>
-                <QRCode
-                    value={link}
-                    style={{ maxHeight: '10cm', maxWidth: '10cm' }}
-                />
-                <div style={{ textAlign: 'center' }}>
-                    <Typography variant="h3">{advert.title}</Typography>
-                </div>
+                <QRCode size={55} value={link} style={{}} />
             </div>
         </div>
     )
-}
\ No newline at end of file
+}