Merge pull request #75 from helsingborg-stad/feature/add-date-and-day…

…-to-session

Add date and time to GroupTitle in GroupOfEvents component

src/modules/Delivery/components/DeliveryList/components/GroupOfEvents/GroupOfEvents.tsx

@@ -1,6 +1,7 @@
 import { KeyboardArrowUp, KeyboardArrowDown } from '@mui/icons-material';
 import { FC, useState } from 'react';
 import { Event } from 'types/event';
+import { useDateConverter } from 'utils';
 import * as Styled from './styled';
 import { EventRow } from '../EventRow';
 
@@ -11,13 +12,14 @@ type Props = {
 export const GroupOfEvents: FC<Props> = ({
   events,
 }) => {
+  const { getWeekday, getYYYYMMDD } = useDateConverter();
   const [isOpen, setIsOpen] = useState(false);
 
   return (
     <Styled.Container>
       <Styled.GroupBar onClick={() => setIsOpen(!isOpen)}>
         {isOpen ? <KeyboardArrowUp /> : <KeyboardArrowDown />}
-        <Styled.GroupTitle>{`${events[0].organisation.name}`}</Styled.GroupTitle>
+        <Styled.GroupTitle>{`${getWeekday(events[0].enteredAt)}: ${getYYYYMMDD(events[0].enteredAt)} ${events[0].organisation.name}`}</Styled.GroupTitle>
       </Styled.GroupBar>
       {isOpen
       && events.map((event) => (