tasko-frontend/pages/components/TaskDescription.js

import Link from 'next/link';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faLightbulb, faCommentAlt, faThumbsUp, faCloudUploadAlt, faPaperPlane } from '@fortawesome/free-solid-svg-icons';


const TaskDescription = () => {
    return (
        <section className="task-description">
            <div className="task-description">
                <div className="task-general-info">
                    <div>
                        <h2>Implementacja algorytmu sortowania</h2>
                        <h2>Uniwersytet im. Adama Mickiewicza</h2>
                    </div>
                    <div>
                        <img src="/UAM-logo-siw-amu.jpg" alt="" />
                    </div>
                </div>
                <div className="task-border">
                    <div className="task-description-heading">
                    <FontAwesomeIcon icon={faLightbulb} />
                    <span>Opis zadania</span>
                    {/* <div>
                        <span><FontAwesomeIcon icon={faCommentAlt} /></span>
                        <span>100%</span>
                    </div>
                    <div>
                        <span><FontAwesomeIcon icon={faThumbsUp} /></span>
                        <span>1000</span>
                    </div> */}
                    </div>
                    <div className="programming-languages">
                        {/* <div>
                            <span>Limit pamięci</span>
                            <span>1024 MB</span>
                        </div> */}
                        <span className="required-programming-languages">Dowolny język programowania</span>
                    </div>
                    <div className="task-description-summary">
                        Twoim zadaniem będzie posortowanie ciągu liczb całkowitych. Jednakże nie podajemy ograniczenia na liczbę elementów tego ciągu. Napisz program, który będzie wczytywał liczby ze standardowego wejścia, tak długo, aż wczytaną liczbą będzie 0 oraz wypisze wszystkie wczytane liczby w porządku niemalejącym.
                    </div>
                    <div className="actions">
                        <span>Możliwe akcje</span>
                        <span>
                            <Link href="/new-solution-add">
                                <FontAwesomeIcon icon={faCloudUploadAlt} />
                            </Link>
                            <Link href="/new-solution-add">
                                <FontAwesomeIcon icon={faPaperPlane} />
                            </Link>
                        </span>
                    </div>
                    <div className="task-description-details">
                        <h2>Szczegóły zadania</h2>
                        <div>
                            <p>Napisz program, który: wczyta ze standardowego ciąg liczb całkowitych nieujemnych zakończony liczbą 0, wypisze wszystkie wszystkie liczby z tego ciągu (wraz z końcowym zerem) w porządku niemalejącym.</p>
                            <p>Wejście zawiera pewną ilość liczb całkowitych nieujemnych, nie większych niż 10. Każda z tych liczb zapisana będzie w osobnym wierszu. W ostatnim wierszu zapisana będzie liczba 0. Możesz założyć, że liczba 0 nie pojawi się nigdzie wcześniej wśród podanych elementów.</p>
                            <p>Wyjście Twojego programu powinno stanowić dokładnie tyle samo wierszy, ile liczb było na standardowym wejściu. Liczby te muszą być wypisane w porządku niemalejącym.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    )
}

export default TaskDescription;