diff --git a/public/locales/fa/app.json b/public/locales/fa/app.json index 138c4b9..9359b01 100644 --- a/public/locales/fa/app.json +++ b/public/locales/fa/app.json @@ -98,6 +98,8 @@ "text_field_enter_your_shenasname_id": "شماره شناسنامه خود را وارد کنید", "text_field_plate_number": "شماره پلاک", "text_field_enter_your_plate_number": "شماره پلاک خود را وارد کنید", - "button_submit": "ثبت درخواست" + "button_submit": "ثبت درخواست", + "file_field_shenasname_image": "تصویر شناسنامه", + "file_field_national_card_image": "تصویر کارت ملی" } } diff --git a/src/components/dashboard/loan-request/WelfareServicesForm.jsx b/src/components/dashboard/loan-request/WelfareServicesForm.jsx index 4ea21b6..335da6c 100644 --- a/src/components/dashboard/loan-request/WelfareServicesForm.jsx +++ b/src/components/dashboard/loan-request/WelfareServicesForm.jsx @@ -29,9 +29,9 @@ const WelfareServicesForm = () => { const handleUploadChangeShenasname = (event, setFieldValue) => { const uploadedFile = event.target?.files?.[0]; - const fileType = event.target.files[0].type; - const fileName = event.target.files[0].name; if (uploadedFile) { + const fileType = event.target?.files?.[0].type; + const fileName = event.target?.files?.[0].name; setSelectedImageShenasname(URL.createObjectURL(uploadedFile)); setFileTypeShenasname(fileType); setFileNameShenasname(fileName); @@ -380,6 +380,7 @@ const WelfareServicesForm = () => { fileName={fileNameShenasname} imageAlt={t("app_name")} imageSize={[300 /*width*/, 150 /*height*/]} + label={t("LoanRequest.file_field_shenasname_image")} /> { fileName={fileNameNationalCard} imageAlt={t("app_name")} imageSize={[300 /*width*/, 150 /*height*/]} + label={t("LoanRequest.file_field_national_card_image")} /> { const t = useTranslations(); const fileInputRef = useRef(null); @@ -39,6 +40,17 @@ const UploadSystem = ({ return ( + + {label} + {selectedImage === "/images/upload-image.svg" ? (