申請の任意項目のファイルアップロードでファイルを作成せずに提出すると項目が表示されない

[appare45]

Important

#415 マージ後に作業すること

再現

https://develop.sos24-client.pages.dev/committee/form-answers/dbd8f794-96bc-4a96-8545-0abd7a67f74f

修正方法

FilesField.tsxの以下の部分をファイル数が0の場合で条件分岐する

sos24-client/src/common_components/formFields/Files.tsx

Lines 259 to 284 in aaa624b

	: files &&
	[...Array(files.length)].map((_, i) => {
	const file = files && files[i];
	if (!file) {
	return;
	}
	const error = extensionsRegex && file.type !== sosFileType ? !extensionsRegex.test(file.name) : false;
	return (
	<File
	key={fileIds[i]}
	deleteFileFunc={() => {
	if (!files) {
	return;
	}
	if (filesDOM.current) {
	const newFiles = deleteFile(files, i);
	filesDOM.current.files = newFiles;
	setFiles((prev) => prev.set(props.id, newFiles));
	}
	validateFiles();
	}}
	file={file}
	error={error}
	/>
	);

これなどを使うといいかもしれない
https://github.com/sohosai/sos24-client/blob/develop/src/common_components/NoResultNotice.tsx