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

export const Help = ({}) => (
    <>
        <h3>Visualizzazione Corsi</h3>
        <p>
            Per visualizzare i corsi che ti interessano nella tabella
            dell'orario, devi prima selezionarli. Puoi selezionare dei corsi
            cliccandoli, cercandoli nelle sezioni Primo anno (<b>I</b>), Secondo
            anno (<b>II</b>), Terzo anno (<b>III</b>), Magistrale (<b>M</b>), o
            Tutti.
        </p>
        <p>
            Una volta compiuta la selezione, è possibile vedere la tabella delle
            lezioni andando nella visualizzazione Orario (
            <Icon name="calendar_month" />)
        </p>
        <p>
            Per via di eventuali preferenze personali, è possibile cambiare
            l'orientazione della tabella Orario trasponendola, utilizzando il
            pulsante Trasponi (
            <Icon name="switch_left" style="transform: rotate(-45deg)" />)
        </p>
        <p>
            È anche possibile visualizzare in uno specchietto riassuntivo
            soltanto i corsi selezionati, andando nella visualizzazione Lista (
            <Icon name="list" />)
        </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 ottenere 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>
            , contattarci all'indirizzo{' '}
            <a href="mailto:macchinisti@lists.dm.unipi.it">
                macchinisti@lists.dm.unipi.it
            </a>{' '}
            oppure passare direttamente in PHC.
        </p>
    </>
)