Merge pull request #679 from colonial-heritage/local-context-notices-3

Show more information in local context notice form

apps/researcher/src/app/[locale]/objects/[id]/local-contexts-notices/form.tsx

@@ -29,6 +29,7 @@ import {
 } from './mapping';
 import {LocalContextsNoticeSelector} from '@/components/form/local-contexts-notice-selector';
 import {Field} from '@headlessui/react';
+import Image from 'next/image';
 
 interface FormValues {
   type: LocalContextsNoticeEnrichmentType | null;
@@ -145,25 +146,46 @@ export function LocalContextsNoticeForm({
             </div>
           </div>
         )}
-        <div>
+        <div tabIndex={0}>
           {t('type')}
           <LocalContextsNoticeSelector name="type" />
         </div>
 
         {watch('type') && (
           <div className="w-full max-w-4xl pb-4">
-            <strong className="flex items-center gap-1">
-              <InformationCircleIcon className="w-4 h-4 stroke-neutral-900" />
-              {t('noticeInformationTitle')}
-            </strong>
-            <em>{t('noticeInformationSubTitle')}</em>
+            <h3>
+              <strong className="flex items-center gap-1 font-semibold">
+                <InformationCircleIcon className="w-4 h-4 stroke-neutral-900" />
+                {t('noticeInformationTitle')}
+              </strong>
+            </h3>
+
             <p>
               {tNotices(
                 localContextsNoticeEnrichmentTypeMapping[
                   watch('type')! as LocalContextsNoticeEnrichmentType
-                ].labelTranslationKey
+                ].informationTranslationKey
               )}
             </p>
+            <h3 className="flex items-center gap-1 mt-4 mb-2">
+              {t('noticeTextTitle')}
+            </h3>
+
+            <div className="bg-neutral-50 p-4 rounded-sm italic text-neutral-600 text-sm border border-neutral-200 max-w-2xl">
+              {tNotices(
+                localContextsNoticeEnrichmentTypeMapping[
+                  watch('type')! as LocalContextsNoticeEnrichmentType
+                ].labelTranslationKey
+              )}
+              <div className="w-full flex justify-end pt-1">
+                <Image
+                  height={26}
+                  width={80}
+                  src="/images/local-contexts-notices/logo-local-contexts.png"
+                  alt="Logo local context"
+                />
+              </div>
+            </div>
           </div>
         )}
 

apps/researcher/src/app/[locale]/objects/[id]/local-contexts-notices/mapping.ts

@@ -10,41 +10,49 @@ export const localContextsNoticeEnrichmentTypeMapping = {
   [LocalContextsNoticeEnrichmentType.Authorization]: {
     titleTranslationKey: 'authorization',
     labelTranslationKey: 'authorizationLabel',
+    informationTranslationKey: 'authorizationInformation',
     imageSrc: '/images/local-contexts-notices/authorization.png',
   },
   [LocalContextsNoticeEnrichmentType.Belonging]: {
     titleTranslationKey: 'belonging',
     labelTranslationKey: 'belongingLabel',
+    informationTranslationKey: 'belongingInformation',
     imageSrc: '/images/local-contexts-notices/belonging.png',
   },
   [LocalContextsNoticeEnrichmentType.Caring]: {
     titleTranslationKey: 'caring',
     labelTranslationKey: 'caringLabel',
+    informationTranslationKey: 'caringInformation',
     imageSrc: '/images/local-contexts-notices/caring.png',
   },
   [LocalContextsNoticeEnrichmentType.Gender_Aware]: {
     titleTranslationKey: 'genderAware',
     labelTranslationKey: 'genderAwareLabel',
+    informationTranslationKey: 'genderAwareInformation',
     imageSrc: '/images/local-contexts-notices/gender-aware.png',
   },
   [LocalContextsNoticeEnrichmentType.Leave_Undisturbed]: {
     titleTranslationKey: 'leaveUndisturbed',
     labelTranslationKey: 'leaveUndisturbedLabel',
+    informationTranslationKey: 'leaveUndisturbedInformation',
     imageSrc: '/images/local-contexts-notices/leave-undisturbed.png',
   },
   [LocalContextsNoticeEnrichmentType.Safety]: {
     titleTranslationKey: 'safety',
     labelTranslationKey: 'safetyLabel',
+    informationTranslationKey: 'safetyInformation',
     imageSrc: '/images/local-contexts-notices/safety.png',
   },
   [LocalContextsNoticeEnrichmentType.Viewing]: {
     titleTranslationKey: 'viewing',
     labelTranslationKey: 'viewingLabel',
+    informationTranslationKey: 'viewingInformation',
     imageSrc: '/images/local-contexts-notices/viewing.png',
   },
   [LocalContextsNoticeEnrichmentType.Withholding]: {
     titleTranslationKey: 'withholding',
     labelTranslationKey: 'withholdingLabel',
+    informationTranslationKey: 'withholdingInformation',
     imageSrc: '/images/local-contexts-notices/withholding.png',
   },
 } as const;

apps/researcher/src/messages/en/messages.json

@@ -156,20 +156,28 @@
     "attributionIncompleteLabel": "Collections and items in our institution have incomplete, inaccurate, and/or missing attribution. We are using this notice to clearly identify this material so that it can be updated, or corrected by communities of origin. Our institution is committed to collaboration and partnerships to address this problem of incorrect or missing attribution.",
     "authorization": "Authorization",
     "authorizationLabel": "The Authorization Notice is being used to indicate that distinct Tribal or community authorization through consultation needs to be obtained for any reproduction of this item, including for the use in exhibitions and publications in print or online.",
+    "authorizationInformation": "The Authorization Notice recognizes that specific Tribal or community authorization through consultation is necessary prior to use of specific items or collections in all forms of publication and exhibits.",
     "belonging": "Belonging",
     "belongingLabel": "The Belonging Notice is being used to indicate that only specific persons belonging to communities, Tribes, Clans, and societies have the right to access and handle these specific items or collections.",
+    "belongingInformation": "The Belonging Notice recognizes the exclusive right of Indigenous communities, Tribes, Clans, or societies to access and handle items or collections.",
     "caring": "Caring",
     "caringLabel": "The Caring Notice is being used to indicate that specialized cultural care is required. Care for items or collections will require specific community guidelines for storage and handling.",
+    "caringInformation": "The Caring Notice recognizes cultural ways of caring for materials including specific ways of handling, storing, or managing specific items or collections. In all cases, care will be defined through community consultations.",
     "genderAware": "Gender Aware",
     "genderAwareLabel": "The Gender Aware Notice is being used to indicate there are specific gender responsibilities that affect who can access, view, and/or handle this item or collection.",
+    "genderAwareInformation": "The Gender Aware Notice recognizes that gender  influences access, handling, viewing, and interacting with items or collections. Specifically, this Notice calls attention to who should handle items or collections based on their self-identified gender.",
     "leaveUndisturbed": "Leave Undisturbed",
     "leaveUndisturbedLabel": "The Leave Undisturbed Notice is being used to indicate that items in a collection should not be disturbed. They should only be moved or disturbed under very limited circumstances according to community guidance.",
+    "leaveUndisturbedInformation": "The Leave Undisturbed Notice recognizes the cultural significance and necessity of not disturbing certain cultural materials.",
     "safety": "Safety",
     "safetyLabel": "The Safety Notice is being used to indicate that extreme caution and care needs to be taken in viewing and handling this item or collection for individual or community well-being and health.",
+    "safetyInformation": "The Safety Notice calls attention to the need for respectful safety precautions to avoid handling items in collections when one is menstruating and/or pregnant for the well-being and health of the individual and their family.",
     "viewing": "Viewing",
     "viewingLabel": "The Viewing Notice is being used to indicate that there are limits to who, how, and when an item/collection can be viewed, distributed, and circulated. This includes existing images or representations of an existing or deaccessioned item(s) within a collection(s).",
+    "viewingInformation": "The Viewing Notice recognizes that there are limits to viewing or accessing current or deaccessioned items in a collection(s) or their representations.",
     "withholding": "Withholding",
-    "withholdingLabel": "The Withholding Notice is being used to indicate that no reproductions of this item or collection should ever be made. If there are already existing photographs or reproductions, these should not be used in any exhibition or publication in print, online, or any other format."
+    "withholdingLabel": "The Withholding Notice is being used to indicate that no reproductions of this item or collection should ever be made. If there are already existing photographs or reproductions, these should not be used in any exhibition or publication in print, online, or any other format.",
+    "withholdingInformation": "The Withholding Notice recognizes the need to completely withhold certain items or collections from photography, reproduction, publications, and any type of exhibit in future modalities."
   },
   "LocalContextsNoticesOverview": {
     "title": "Local Context Notices",
@@ -184,7 +192,7 @@
     "title": "Add a Local Context Notice",
     "type": "Select one of the Notices. Click on a label for more information.",
     "description": "Notice motivation",
-    "descriptionSubTitle": "Here you can insert text about the use of this Notice.",
+    "descriptionSubTitle": "Why would you like to add this notice?",
     "inLanguage": "Language",
     "languageSubTitle": "Select a language of the text. Start typing to select a language.",
     "successfullyAdded": "Your Local Context Notice has been added to the object. It could take a moment before it is visible.",
@@ -199,8 +207,8 @@
     "agreedToLicenseUnchecked": "You need to agree to the license before you can add a narrative",
     "noCommunities": "You are not yet a member of a community that has permission to add a story. You can create a community or join an existing community.",
     "saving": "Saving...",
-    "noticeInformationTitle": "Notice text",
-    "noticeInformationSubTitle": "This text will be placed as a label."
+    "noticeInformationTitle": "Why use this notice",
+    "noticeTextTitle": "Notice text"
   },
   "Provenance": {
     "title": "Provenance",

apps/researcher/src/messages/nl/messages.json

@@ -156,20 +156,28 @@
   "attributionIncompleteLabel": "Collecties en items in onze instelling hebben onvolledige, onjuiste en/of ontbrekende toeschrijving. We gebruiken deze kennisgeving om dit materiaal duidelijk te identificeren zodat het kan worden bijgewerkt of gecorrigeerd door gemeenschappen van herkomst. Onze instelling zet zich in voor samenwerking en partnerschappen om dit probleem van onjuiste of ontbrekende toeschrijving aan te pakken.",
   "authorization": "Autorisatie",
   "authorizationLabel": "De Autorisatiekennisgeving wordt gebruikt om aan te geven dat er door middel van overleg distincte tribale of gemeenschapsautorisatie moet worden verkregen voor elke reproductie van dit item, inclusief het gebruik in tentoonstellingen en publicaties in print of online.",
+  "authorizationInformation": "De Autorisatiekennisgeving erkent dat specifieke tribale of gemeenschapsautorisatie door middel van overleg noodzakelijk is voorafgaand aan het gebruik van specifieke items of collecties in alle vormen van publicatie en tentoonstellingen.",
   "belonging": "Toebehoren",
   "belongingLabel": "De Toebehorenkennisgeving wordt gebruikt om aan te geven dat alleen specifieke personen die tot gemeenschappen, stammen, clans en verenigingen behoren, het recht hebben om deze specifieke items of collecties te bekijken en te behandelen.",
+  "belongingInformation": "De Toebehorenkennisgeving erkent het exclusieve recht van inheemse gemeenschappen, stammen, clans of verenigingen om toegang te hebben tot en om te gaan met items of collecties.",
   "caring": "Verzorging",
   "caringLabel": "De Verzorgingskennisgeving wordt gebruikt om aan te geven dat gespecialiseerde culturele zorg vereist is. Zorg voor items of collecties vereist specifieke gemeenschapsrichtlijnen voor opslag en handling.",
+  "caringInformation": "De Verzorgingskennisgeving erkent culturele manieren van zorg voor materialen, inclusief specifieke manieren van behandeling, opslag of beheer van specifieke items of collecties. In alle gevallen zal zorg worden gedefinieerd door middel van gemeenschapsconsultaties.",
   "genderAware": "Genderbewust",
   "genderAwareLabel": "De Genderbewust Kennisgeving wordt gebruikt om aan te geven dat er specifieke genderverantwoordelijkheden zijn die van invloed zijn op wie toegang kan krijgen tot, kijken naar en/of omgaan met dit item of deze collectie.",
+  "genderAwareInformation": "De Genderbewust Kennisgeving erkent dat gender invloed heeft op toegang, behandeling, bekijken en omgaan met items of collecties. Deze kennisgeving vestigt specifiek de aandacht op wie items of collecties zou moeten behandelen op basis van hun zelf geïdentificeerde gender.",
   "leaveUndisturbed": "Ongestoord Laten",
   "leaveUndisturbedLabel": "De Ongestoord Laten Kennisgeving wordt gebruikt om aan te geven dat items in een collectie niet mogen worden verstoord. Ze mogen alleen onder zeer beperkte omstandigheden volgens gemeenschapsrichtlijnen worden verplaatst of verstoord.",
+  "leaveUndisturbedInformation": "De Ongestoord Laten Kennisgeving erkent het culturele belang en de noodzaak om bepaalde culturele materialen niet te verstoren.",
   "safety": "Veiligheid",
   "safetyLabel": "De Veiligheidskennisgeving wordt gebruikt om aan te geven dat uiterste voorzichtigheid en zorg nodig is bij het bekijken en behandelen van dit item of deze collectie voor het welzijn en de gezondheid van individuen of gemeenschappen.",
+  "safetyInformation": "De Veiligheidskennisgeving vestigt de aandacht op de noodzaak van respectvolle veiligheidsmaatregelen om te voorkomen dat items in collecties worden behandeld wanneer men menstrueert en/of zwanger is, voor het welzijn en de gezondheid van het individu en hun familie.",
   "viewing": "Bekijken",
   "viewingLabel": "De Bekijkkennisgeving wordt gebruikt om aan te geven dat er beperkingen zijn op wie, hoe en wanneer een item/collectie kan worden bekeken, gedistribueerd en gecirculeerd. Dit omvat bestaande afbeeldingen of representaties van een bestaand of gedeaccesioneerd item binnen een collectie.",
+  "viewingInformation": "De Bekijkkennisgeving erkent dat er beperkingen zijn op het bekijken of toegang hebben tot huidige of gedeaccesioneerde items in een collectie(s) of hun representaties.",
   "withholding": "Achterhouden",
-  "withholdingLabel": "De Achterhouden Kennisgeving wordt gebruikt om aan te geven dat er nooit reproducties van dit item of deze collectie mogen worden gemaakt. Als er al bestaande foto's of reproducties zijn, mogen deze niet worden gebruikt in een tentoonstelling of publicatie in print, online of in enig ander formaat."
+  "withholdingLabel": "De Achterhouden Kennisgeving wordt gebruikt om aan te geven dat er nooit reproducties van dit item of deze collectie mogen worden gemaakt. Als er al bestaande foto's of reproducties zijn, mogen deze niet worden gebruikt in een tentoonstelling of publicatie in print, online of in enig ander formaat.",
+  "withholdingInformation": "De Achterhouden Kennisgeving erkent de noodzaak om bepaalde items of collecties volledig te onthouden van fotografie, reproductie, publicaties en elke vorm van tentoonstelling in toekomstige modaliteiten."
 },
 "LocalContextsNoticesOverview": {
   "title": "Local Context Notices",
@@ -184,7 +192,7 @@
   "title": "Voeg een Local Context Notice toe",
   "type": "Selecteer een van de Local Context Notice. Klik op een label voor meer informatie.",
   "description": "Motivatie",
-  "descriptionSubTitle": "Hier kunt u tekst invoegen over het gebruik van deze Local Context Notice.",
+  "descriptionSubTitle": "Waarom wilt u deze Notice toevoegen?",
   "inLanguage": "Taal",
   "languageSubTitle": "Selecteer een taal van het verhaal. Begin met typen om een taal te selecteren.",
   "successfullyAdded": "Uw Local Context Notice is toegevoegd aan het object. Het kan even duren voordat het zichtbaar is.",
@@ -199,8 +207,8 @@
   "agreedToLicenseUnchecked": "U moet akkoord gaan met de licentie voordat u een verhaal kunt toevoegen",
   "noCommunities": "U bent nog geen lid van een community die toestemming heeft om een verhaal toe te voegen. U kunt een community creëren of lid worden van een bestaande community.",
   "saving": "Opslaan...",
-  "noticeInformationTitle": "Informatie over notice",
-  "noticeInformationSubTitle": "Deze tekst wordt als label geplaatst."
+  "noticeInformationTitle": "Waarom deze notice gebruiken",
+  "noticeTextTitle": "Notice Tekst"
 },
 "Provenance": {
     "title": "Herkomst",