aswi20220x00-gitlab/webapp/pages/documents/admin/index.tsx @ 06d1aa21

import 'antd/dist/antd.css';
import React, { useContext, useEffect } from 'react';

import { useUnauthRedirect } from '../../../hooks';
import { useRouter } from 'next/router';
import { Button, Typography } from 'antd';
import { faFileLines } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { LoggedUserContext } from '../../../contexts/LoggedUserContext';
import { MainLayout } from '../../../layouts/MainLayout';

function AdminDocumentPage() {
    const redirecting = useUnauthRedirect('/login');
    const { logout, role } = useContext(LoggedUserContext);
    const router = useRouter();

    useEffect(() => {
        if (!redirecting && role === 'ADMINISTRATOR') {
            // TODO load documents
        }
    }, [logout, redirecting, role, router]);

    const showModal = () => {
        // TODO show AddDocument component
    };

    return redirecting || role !== 'ADMINISTRATOR' ? null : (
        <MainLayout>
            <Typography.Title level={2}>
                <FontAwesomeIcon icon={faFileLines} /> Dokumenty
            </Typography.Title>
            <Button type={'primary'} onClick={showModal}>
                Nahrát dokument
            </Button>
        </MainLayout>
    );
}

export default AdminDocumentPage;