import React, { useEffect, useState, useRef } from 'react';
import { query, collection, onSnapshot } from 'firebase/firestore';

import './AppInstallation.css';
import db from '../firebase';

const AppInstallation = () => {
    const [alerts, setAlerts] = useState([]);

    useEffect(() => {
    }, []);

    return (
        <div>
            <div>
                <div>Testing 2.1.10d (Preprod - 27-09-2023)</div>
                <img className="app-qrcode" src={require('../assets/hpos_testing_preprod_2.1.10d.png')} alt='icon'></img>
            </div>
            <div>
                <p>Steps to install:</p>
                <p>
                    <ul>
                        <li>use an QR code scanner app to download the app</li>
                        <li>if the phone browser prompts an warning, select download anyway</li>
                        <li>install the downloaded apk and give permissions</li>
                    </ul>
                </p>
            </div>
        </div>
    )
}

export default AppInstallation;