feat(noticeboard): show images on detail screen

- added `ImageSection` to `NoticeboardFormScreen` to show images added to the noticeboard SVA-1348
smart-village-solutions · Oct 8, 2024 · 4b4da29 · 4b4da29
1 parent 47e70ff
commit 4b4da29
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/screens/Noticeboard/NoticeboardFormScreen.tsx b/src/screens/Noticeboard/NoticeboardFormScreen.tsx
@@ -6,6 +6,7 @@ import {
   BoldText,
   DefaultKeyboardAvoidingView,
   HtmlView,
+  ImageSection,
   LoadingContainer,
   NoticeboardCreateForm,
   NoticeboardMessageForm,
@@ -64,6 +65,8 @@ export const NoticeboardFormScreen = ({
     );
   }
 
+  const images = details?.mediaContents?.filter((item) => item.contentType === 'image');
+
   const Component = isNewEntryForm ? NoticeboardCreateForm : NoticeboardMessageForm;
 
   return (
@@ -80,6 +83,8 @@ export const NoticeboardFormScreen = ({
             />
           }
         >
+          {!!images?.length && <ImageSection mediaContents={images} />}
+
           <SectionHeader big title={details?.contentBlocks?.[0]?.title || details?.title} />
 
           {!!html && (