import { Icon } from './Icon.jsx'

export const Help = ({}) => (
    <>
        <h3>Selezione Corsi</h3>
        <p>
            Per visualizzare solo una selezione dei corsi disponibili, clicca su quelli che ti
            interessano e poi nascondi gli altri con il tasto <Icon name="visibility" /> che
            comparirà in basso a destra.
        </p>
        <p>
            Per vedere l'orario settimanale, clicca su <b>Settimana</b>, che mostrerà un calendario
            con i corsi attualmente selezionati.
        </p>
        <p>
            La selezione effettuata verrà preservata dalla visualizzazione <b>Corsi</b> a quella
            Settimana, permettendo di individuare eventuali sovrapposizioni di orari.
        </p>
        <p>
            I corsi sono raggruppati per: primo, secondo, terzo anno (<b>I</b>,<b>II</b>,<b>III</b>)
            e magistrale. Alternativamente, puoi scegliere fra tutti i corsi disponibili cliccando
            su <b>Tutti</b>.
        </p>
        <h3>Stampa</h3>
        <p>
            Da desktop puoi stampare l'orario attualmente visibile con il bottone <Icon name="print" /> (è
            consigliato controllare le opzioni di stampa per un risultato soddisfacente).
        </p>
        <h3>Bug &amp; Contatti</h3>
        <p>
            In caso di bug puoi creare una issue sulla repo git del progetto{' '}
            <a href="https://git.phc.dm.unipi.it/phc/orario">
                https://git.phc.dm.unipi.it/phc/orario
            </a>{' '}
            oppure puoi contattarci direttamente all'indirizzo{' '}
            <a href="mailto:macchinisti@lists.dm.unipi.it">macchinisti@lists.dm.unipi.it</a>.
        </p>
    </>
)