Submissions geupdated voor nieuwe docker output

[badduck32]

Submission pagina is nu aangepast zodat het de nieuwe docker output ondersteunt.

Volgende snippet code kan nog problemen veroorzaken:

    useEffect(() => {
        const getFileName = async () => {
            //mss is er een betere manier om de filename te krijgen, dit werkt maar kan mss langzaam zijn met hele grote files/directories
            try {
                const response = await apiCall.get(submission.fileUrl, undefined, undefined, {
                    responseType: 'blob',
                    transformResponse: [(data) => data],
                });
                const contentDisposition = response.headers['content-disposition'];
                if (contentDisposition) {
                    const fileNameMatch = contentDisposition.match(/filename=([^;]+)/);
                    console.log(fileNameMatch);
                    if (fileNameMatch && fileNameMatch[1]) {
                        setFilename(fileNameMatch[1]); // use the filename from the headers
                    }
                }
            } catch (err) {
                console.log(err);
                setFilename(null);
            }
        };
    
        getFileName();
    }, [submission]);

Deze code snippet vraagt de filename op van de ingediende file, maar volgens mij downloadt het ook de hele file (dit stuk code is gekopieerd van de file download code). Misschien is het een goed idee om dit anders te doen om alleen de filename op te vragen, maar weet niet hoe. Tips zijn welkom :)

[usserwoutV2]

Ik heb nog een paar UI changes gemaakt (bv correct & output` worden naast elkaar getoond) en heb de '<file name>.zip' aangepast naar een download knop. Voor de rest ziet het er goed uit.