Improve activitystream

web/components/ActivityStream/HumanMadeObjectActivityStream/ActivityStream.js

-import {Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, Box, Flex, Heading, Link, Wrap, WrapItem} from '@chakra-ui/react'
-import RenderHumanMadeObjectActivityStream from '../RenderHumanMadeObjectActivityStream'
-import Activity from './Activity'
+import {Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, Box, Flex} from '@chakra-ui/react'
+import RenderHumanMadeObjectActivityStream from './RenderHumanMadeObjectActivityStream'
 
 export default function ActivityStream({stream}) {
   if (!stream) {
@@ -8,7 +7,7 @@ export default function ActivityStream({stream}) {
   }
 
   return (
-    <Box> 
+    <Box fontFamily="Montserrat"> 
       {/* <Heading as="dt" fontFamily="Montserrat" fontWeight="semibold" fontSize="sm" pb="2">Hendelser</Heading>
       <Wrap as="dd" fontFamily="Montserrat" marginBottom={5}>
         {stream.map((activity) => (

web/components/ActivityStream/HumanMadeObjectActivityStream/BeginningOfExistence.js

-import { Box, Heading } from '@chakra-ui/react'
+import { Box, Heading, Wrap, Tag, TagLabel, Avatar } from '@chakra-ui/react'
+import { imageBuilder } from '../../../lib/sanity'
 import Link from '../../Link'
 import PortableTextBlock from '../../PortableTextBlock'
 import Timespan from '../../Timespan'
 
 export default function BeginningOfExistence(props) {
-  const {_id, _key, label, timespan, tookplaceAt} = props
+  const {_id, _key, label, timespan, contributionAssignedBy, tookplaceAt} = props
   const id = _id ?? _key
   
   return (
@@ -15,11 +16,40 @@ export default function BeginningOfExistence(props) {
         pb="1"
         mb="2"
         borderBottom="1px solid" 
-        borderColor="gray.300" 
+        borderColor="gray.300"
+        fontFamily="Montserrat"
+        fontWeight="semibold"
+        fontSize="sm"
       >
         {label ? label : "Skapt"}
       </Heading>
-      {timespan && (<Timespan display="inline-block" fontWeight="bolder" timespan={timespan} />)}
+
+      {timespan && (
+        <Timespan display="inline-block" fontWeight="bolder" timespan={timespan} />
+      )}
+      
+      {contributionAssignedBy?.length > 0 && (
+          <Wrap>
+            {contributionAssignedBy.map((assignment) => (
+              <Tag key={assignment.assignedActor._id} size="sm" colorScheme="">
+                <Avatar
+                  size="xs"
+                  ml={-1}
+                  mr={2}
+                  name={assignment.assignedActor.label.no}
+                  src={imageBuilder
+                    .image(assignment.assignedActor.image)
+                    .height(300)
+                    .width(300)
+                    .url()}
+                />
+                <TagLabel>
+                  <Link href={`/id/${assignment.assignedActor._id}`}>{assignment.assignedActor.label.no}</Link>
+                </TagLabel>
+              </Tag>
+            ))}
+          </Wrap>
+        )}
     </Box>
   )
 }

web/components/ActivityStream/RenderHumanMadeObjectActivityStream.js → web/components/ActivityStream/HumanMadeObjectActivityStream/RenderHumanMadeObjectActivityStream.js

 import React from 'react'
 import PropTypes from 'prop-types'
-import * as ObjectComponents from './HumanMadeObjectActivityStream'
+import * as ObjectComponents from '.'
 import { Alert, AlertIcon, AlertDescription, AlertTitle, Code } from '@chakra-ui/react'
 
 function resolveEvents(event) {

web/components/ActivityStream/RenderMergedActivityStreamList.js → web/components/ActivityStream/MergedActivityStreamList/RenderMergedActivityStreamList.js

 import React from 'react'
 import PropTypes from 'prop-types'
-import * as ObjectComponents from './MergedActivityStreamList'
+import * as ObjectComponents from '.'
 import { Alert, AlertIcon, AlertDescription, AlertTitle, Code } from '@chakra-ui/react'
 
 function resolveEvents(event) {

web/components/Documents/Actor.js

@@ -3,7 +3,7 @@ import {Image, Badge, Box, Container, Flex, Heading, SimpleGrid} from '@chakra-u
 import PortableTextBlock from '../PortableTextBlock'
 import Cards from '../Cards'
 import {imageBuilder} from '../../lib/sanity'
-import RenderMergedActivityStreamList from '../ActivityStream/RenderMergedActivityStreamList'
+import RenderMergedActivityStreamList from '../ActivityStream/MergedActivityStreamList/RenderMergedActivityStreamList'
 
 export default function Actor(item) {
   if(!item) return null

web/lib/queries/index.js

@@ -322,6 +322,7 @@ export const routeQuery = groq`
   }
 `
 
+/* List query */
 export const humanMadeObjectsQuery = groq`{
   "items": *[_type == "HumanMadeObject"] | order(label){ 
     _id,