diff --git a/src/locales/en/translationEn.json b/src/locales/en/translationEn.json index da361ef0d..397514c96 100644 --- a/src/locales/en/translationEn.json +++ b/src/locales/en/translationEn.json @@ -500,7 +500,13 @@ "location": "Location", "edit": "Edit", "Edit": "Edit", - "socialMediaLinks": "Social media links" + "socialMediaLinks": "Social media links", + "image": { + "image": "Image", + "mainImage": "Main image", + "additionalImages": "Additional images" + }, + "logo": "Logo" }, "createNew": { "search": { diff --git a/src/locales/fr/transalationFr.json b/src/locales/fr/transalationFr.json index 7d642f516..eb274b117 100644 --- a/src/locales/fr/transalationFr.json +++ b/src/locales/fr/transalationFr.json @@ -499,7 +499,13 @@ "memberOf": "Membre de", "location": "Endroit", "edit": "Éditer", - "socialMediaLinks": "Liens vers les réseaux sociaux" + "socialMediaLinks": "Liens vers les réseaux sociaux", + "image": { + "image": "Image", + "mainImage": "Image principale", + "additionalImages": "Images supplémentaires" + }, + "logo": "Logo" }, "createNew": { "search": { diff --git a/src/pages/Dashboard/OrganizationsReadOnly/OrganizationsReadOnly.jsx b/src/pages/Dashboard/OrganizationsReadOnly/OrganizationsReadOnly.jsx index 4bd42df09..f1b09d987 100644 --- a/src/pages/Dashboard/OrganizationsReadOnly/OrganizationsReadOnly.jsx +++ b/src/pages/Dashboard/OrganizationsReadOnly/OrganizationsReadOnly.jsx @@ -418,17 +418,36 @@ function OrganizationsReadOnly() { ))} )} + {checkIfFieldIsToBeDisplayed(organizationFormFieldNames.LOGO, organizationData?.logo) && + organizationData?.logo?.large?.uri && ( +
+

+ {t('dashboard.organization.readOnly.logo')} +

+ +
+ )} {checkIfFieldIsToBeDisplayed( organizationFormFieldNames.IMAGE, organizationData?.image?.find((image) => image?.isMain), ) && organizationData?.image?.find((image) => image?.isMain)?.large?.uri && ( - image?.isMain)?.large?.uri} - imageReadOnly={true} - preview={true} - eventImageData={organizationData?.image?.find((image) => image?.isMain)?.large} - /> +
+

+ {t('dashboard.organization.readOnly.image.mainImage')} +

+ image?.isMain)?.large?.uri} + imageReadOnly={true} + preview={true} + eventImageData={organizationData?.image?.find((image) => image?.isMain)?.large} + /> +
)} {checkIfFieldIsToBeDisplayed( organizationFormFieldNames.IMAGE, diff --git a/src/pages/Dashboard/PersonReadOnly/PersonReadOnly.jsx b/src/pages/Dashboard/PersonReadOnly/PersonReadOnly.jsx index df2484127..75a9f5c23 100644 --- a/src/pages/Dashboard/PersonReadOnly/PersonReadOnly.jsx +++ b/src/pages/Dashboard/PersonReadOnly/PersonReadOnly.jsx @@ -39,6 +39,7 @@ import { isDataValid } from '../../../utils/MultiLingualFormItemSupportFunctions import { personFormFieldNames } from '../../../constants/personAndOrganizationFormFieldNames'; import { adminCheckHandler } from '../../../utils/adminCheckHandler'; import { getCurrentCalendarDetailsFromUserDetails } from '../../../utils/getCurrentCalendarDetailsFromUserDetails'; +import ImageUpload from '../../../components/ImageUpload'; function PersonReadOnly() { const { t } = useTranslation(); @@ -469,6 +470,20 @@ function PersonReadOnly() { ))} )} + {checkIfFieldIsToBeDisplayed(personFormFieldNames.IMAGE, mainImageData) && + mainImageData?.large?.uri && ( +
+

+ {t('dashboard.organization.readOnly.image.mainImage')} +

+ +
+ )} {imageConfig.enableGallery && imageGalleryData?.length > 0 && (

diff --git a/src/pages/Dashboard/PlaceReadOnly/PlaceReadOnly.jsx b/src/pages/Dashboard/PlaceReadOnly/PlaceReadOnly.jsx index daf2caab7..b84ce00af 100644 --- a/src/pages/Dashboard/PlaceReadOnly/PlaceReadOnly.jsx +++ b/src/pages/Dashboard/PlaceReadOnly/PlaceReadOnly.jsx @@ -42,6 +42,7 @@ import { isDataValid } from '../../../utils/MultiLingualFormItemSupportFunctions import { placeFormRequiredFieldNames } from '../../../constants/placeFormRequiredFieldNames'; import { adminCheckHandler } from '../../../utils/adminCheckHandler'; import { getCurrentCalendarDetailsFromUserDetails } from '../../../utils/getCurrentCalendarDetailsFromUserDetails'; +import ImageUpload from '../../../components/ImageUpload'; function PlaceReadOnly() { const { t } = useTranslation(); @@ -482,6 +483,20 @@ function PlaceReadOnly() { )} )} + {checkIfFieldIsToBeDisplayed(placeFormRequiredFieldNames.IMAGE, mainImageData) && + mainImageData?.large?.uri && ( +

+

+ {t('dashboard.organization.readOnly.image.mainImage')} +

+ +
+ )} {imageGalleryData?.length > 0 && imageConfig.enableGallery && (