Merge pull request #676 from colonial-heritage/notification

Show notification after local context notice is added
colonial-heritage · Jun 26, 2024 · ac2fb2f · ac2fb2f
2 parents 1dae173 + 95b3042
commit ac2fb2f
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 5 deletions.
diff --git a/apps/researcher/e2e/object-list.test.ts b/apps/researcher/e2e/object-list.test.ts
@@ -126,7 +126,7 @@ test.describe('Object list page logged in', () => {
     await gotoSignedIn(objectUrl);
     await page.getByTestId('popover-menu-button').hover();
     await page.getByTestId(`object-list-${listId}`).click();
-    await expect(page.getByTestId('notification')).toHaveCount(2);
+    await expect(page.getByTestId('notification')).toHaveCount(3);
     await page.goto(`/en/communities/${community.slug}/${listId}`);
     await expect(page.getByTestId('object-card')).toHaveCount(1);
   });

diff --git a/apps/researcher/e2e/object.test.ts b/apps/researcher/e2e/object.test.ts
@@ -94,7 +94,7 @@ test.describe('Object details page logged in', () => {
       .getByTestId('enrichment-form')
       .locator('button[type="submit"]')
       .click();
-    await expect(page.getByTestId('notification')).toHaveCount(2, {
+    await expect(page.getByTestId('notification')).toHaveCount(3, {
       timeout: 30000,
     });
 

diff --git a/apps/researcher/src/app/[locale]/objects/[id]/local-contexts-notices/overview.tsx b/apps/researcher/src/app/[locale]/objects/[id]/local-contexts-notices/overview.tsx
@@ -2,7 +2,11 @@ import {localContextsNoticesEnrichmentFetcher} from '@/lib/enricher-instances';
 import Image from 'next/image';
 import useObject from '../use-object';
 import {localContextsNoticeEnrichmentTypeMapping} from './mapping';
-import {LocalizedMarkdown, SlideOutButton} from '@colonial-collections/ui';
+import {
+  LocalizedMarkdown,
+  Notifications,
+  SlideOutButton,
+} from '@colonial-collections/ui';
 import {ChatBubbleBottomCenterTextIcon} from '@heroicons/react/24/outline';
 import {SignedInWithCommunitySideOut} from '@/components/slide-outs';
 import {LocalContextsNoticeForm} from './form';
@@ -72,6 +76,7 @@ export default async function LocalContextsNotices() {
         })}
       </p>
       <AddLocalContextsNotice />
+      <Notifications />
       <div className="w-full mt-4">
         {noticesToDisplay.map(notice => (
           <div

diff --git a/apps/researcher/src/messages/nl/messages.json b/apps/researcher/src/messages/nl/messages.json
@@ -195,7 +195,7 @@
   "descriptionSubTitle": "Hier kunt u tekst invoegen over het gebruik van deze Local Context Notice.",
   "inLanguage": "Taal",
   "languageSubTitle": "Selecteer een taal van het verhaal. Begin met typen om een taal te selecteren.",
-  "successfullyAdded": "Uw verhaal is toegevoegd aan het object. Het kan even duren voordat het zichtbaar is.",
+  "successfullyAdded": "Uw Local Context Notice is toegevoegd aan het object. Het kan even duren voordat het zichtbaar is.",
   "community": "Community",
   "communityDescription": "Selecteer de community namens wie u spreekt.",
   "communityRequired": "Community is vereist",

diff --git a/packages/tailwind-config/index.ts b/packages/tailwind-config/index.ts
@@ -66,7 +66,7 @@ export default {
           800: 'hsl(216, 35%, 20%)',
           900: 'hsl(216, 35%, 10%)',
         },
-        ' green-grey': {
+        'green-grey': {
           50: 'hsl(170, 35%, 97%)',
           100: 'hsl(170, 35%, 90%)',
           200: 'hsl(170, 35%, 80%)',