QR code viewer and content improvements

components/Form.tsx

@@ -191,6 +191,9 @@ function Form(): JSX.Element {
             const passBlob = new Blob([pass], {type: "application/vnd.apple.pkpass"});
             saveAs(passBlob, 'covid.pkpass');
             setLoading(false);
+            
+            var scrollingElement = (document.scrollingElement || document.body);
+            scrollingElement.scrollTop = scrollingElement.scrollHeight;
         } catch (e) {
             setErrorMessage(e.message);
             setLoading(false);

pages/pass.tsx

@@ -2,17 +2,33 @@ import {serverSideTranslations} from 'next-i18next/serverSideTranslations';
 
 import React, {useEffect, useState} from "react";
 import QRCode from "react-qr-code";
+
 import Card from '../components/Card';
 import Logo from "../components/Logo";
 
 function Pass(): JSX.Element {
     const [fragment, setFragment] = useState<string>(undefined);
 
+    function closeViewer() {
+        setFragment(undefined);
+        window.location.replace('/');
+    }
+
     useEffect(() => {
         const rawFragment = window.location.hash.substring(1);
         const decodedFragment = Buffer.from(rawFragment, 'base64').toString();
         setFragment(decodedFragment);
-    }, [fragment]);
+
+        document.addEventListener('visibilitychange', () => {
+            if (document.hidden) {
+                closeViewer();
+            }
+        });
+
+        window.addEventListener('blur', closeViewer);
+        window.addEventListener('beforeunload', closeViewer);
+        window.addEventListener('pagehide', closeViewer);
+    }, []);
 
     return (
         <div className="py-6 flex flex-col space-y-5 items-center">

pages/privacy.tsx

@@ -152,7 +152,7 @@ function Privacy(): JSX.Element {
                             <li>
                                 {t('privacy:appleSync')}:
                                 &nbsp;
-                                <a href="https://www.apple.com/legal/privacy/en-ww/privacy.tsx" className="underline">
+                                <a href="https://www.apple.com/legal/privacy/en-ww/" className="underline">
                                     {t('common:privacyPolicy')}
                                 </a>
                             </li>

public/locales/el/index.yml

@@ -25,4 +25,4 @@ privacyPolicy: Πολιτική Απορρήτου
 createdOnDevice: Δημιουργείται στη συσκευή σας
 openSourceTransparent: Ανοιχτού κώδικα και διαφανής
 hostedInEU: Φιλοξενείται στην ΕΕ
-share: Συστήσει
+share: Κοινοποιήστε το

src/payload.ts

@@ -3,9 +3,9 @@ import {Constants} from "./constants";
 import {COLORS} from "./colors";
 
 enum CertificateType {
-    Vaccination = 'Vaccination Card',
-    Test = 'Test Certificate',
-    Recovery = 'Recovery Certificate',
+    Vaccination = 'Vaccination Pass',
+    Test = 'Test Pass',
+    Recovery = 'Recovery Pass',
 }
 
 enum TextAlignment {