Use Data Hub API for events CollectionList (#6802)

* Refactor CollectionItem to allow tags to be rendered in the same way as in activity cards

* Refactor events collection page to use the API instead of ActivityStream

* Update tests

* Cleanup dead code

src/apps/events/router.js

@@ -11,12 +11,10 @@ const attendeesRouter = require('./attendees/router')
 
 const {
   fetchAventriEvent,
-  fetchAllActivityFeedEvents,
   fetchAventriEventRegistrationStatusAttendees,
 } = require('../companies/apps/activity-feed/controllers')
 
 router.get('/create', renderEventsView)
-router.get(urls.events.activity.data.route, fetchAllActivityFeedEvents)
 router.use(handleRoutePermissions(APP_PERMISSIONS))
 
 router.get('/aventri/:aventriEventId/details', renderEventsView)

src/client/components/CollectionList/CollectionItem.jsx

@@ -31,6 +31,13 @@ const StyledBadgesWrapper = styled('div')`
   }
 `
 
+const StyledInlineTagWrapper = styled('div')({
+  display: 'flex',
+  flexWrap: 'wrap',
+  gap: SPACING.SCALE_2,
+  paddingBottom: '10px',
+})
+
 const StyledHeader = styled(H3)`
   font-size: ${HEADING_SIZES.SMALL}px;
 `
@@ -64,6 +71,18 @@ const StyledFooterWrapper = styled('div')`
   margin-right: 10px;
   text-align: right;
 `
+
+const renderTags = (tags) =>
+  tags.map((tag, index) => (
+    <Tag
+      key={`tag_${index}`}
+      colour={tag.colour}
+      data-test={tag.dataTest ? tag.dataTest : 'collection-item-tag'}
+    >
+      {tag.text}
+    </Tag>
+  ))
+
 const CollectionItem = ({
   headingText,
   subheading,
@@ -79,21 +98,14 @@ const CollectionItem = ({
   buttons,
   footerRenderer,
   footerdata,
+  showTagsInMetadata = false,
 }) => (
   <ItemWrapper data-test="collection-item">
     {/* tags take precidence over badges as they are the newer style, however not all components
      have been updated so the component needs to handle rendering both props */}
-    {tags && (
+    {tags && !showTagsInMetadata && (
       <StyledBadgesWrapper data-test="collection-item-tags">
-        {tags.map((tag, index) => (
-          <Tag
-            key={`tag_${index}`}
-            colour={tag.colour}
-            data-test="collection-item-tag"
-          >
-            {tag.text}
-          </Tag>
-        ))}
+        {renderTags(tags)}
       </StyledBadgesWrapper>
     )}
 
@@ -134,6 +146,9 @@ const CollectionItem = ({
       )
     ) : null}
 
+    {showTagsInMetadata && (
+      <StyledInlineTagWrapper>{renderTags(tags)}</StyledInlineTagWrapper>
+    )}
     {metadataRenderer ? (
       metadataRenderer(metadata)
     ) : (