<!-- Error rendering component -->
<!-- TwigException: Unable to parse '=> "data-#{k}=#{v}")|join(' ') ~ ' ' : ''' at template position71 -->
<!-- Error: TwigException: Unable to parse '=> "data-#{k}=#{v}")|join(' ') ~ ' ' : ''' at template position71
at /builds/michaelhulsman/footballrs.net/htdocs/content/themes/footballrs.net/node_modules/@frctl/twig/src/adapter.js:156:24
at new Promise (<anonymous>)
at TwigAdapter.render (/builds/michaelhulsman/footballrs.net/htdocs/content/themes/footballrs.net/node_modules/@frctl/twig/src/adapter.js:134:16)
at ComponentSource._renderVariant (/builds/michaelhulsman/footballrs.net/htdocs/content/themes/footballrs.net/node_modules/@frctl/fractal/src/api/components/source.js:212:30)
at _renderVariant.next (<anonymous>)
at onFulfilled (/builds/michaelhulsman/footballrs.net/htdocs/content/themes/footballrs.net/node_modules/co/index.js:65:19) -->
{# @var organism ThemeViewModels\Organisms\MessageListViewModel #}
{% extends '@atoms/section/section.twig' %}
{% set className = "message-list standard-grid" %}
{% block content %}
{# --BLUEPRINT DO NOT REMOVE--
<!-- molecule message_preview -->
{% include '@molecules/MessagePreview/.twig' with .message_preview only %}
/--BLUEPRINT DO NOT REMOVE-- #}
<div class="col-span-12">
{% for message in messages %}
{% include '@molecules/messagePreview/message_preview.twig' with {
name: message.name,
date: message.date,
avatar: message.avatar,
messagePreview: message.messagePreview
} %}
{% endfor %}
</div>
{% endblock %}
{
"messages": [
{
"avatar": {
"default": {
"src": "https://loremflickr.com/100/100/peoples?lock=252952906301440",
"alt": "Recusandae labore corporis dolorum aperiam.",
"width": 100,
"height": 100
},
"sources": [
{
"src": "https://loremflickr.com/100/100/peoples?lock=252952906301440",
"media": "(max-width: 2560px)"
}
]
},
"link": "#",
"name": "Ivah C.",
"messagePreview": "Fugit perspiciatis voluptatem laborum dolorem iste consectetur amet facilis aliquam dicta eum facere magni odit ut natus beatae natus recusandae.",
"date": "2023-06-07T19:56:22.915Z"
},
{
"avatar": {
"default": {
"src": "https://loremflickr.com/100/100/peoples?lock=7437315230138368",
"alt": "Accusantium ad qui facere dolor.",
"width": 100,
"height": 100
},
"sources": [
{
"src": "https://loremflickr.com/100/100/peoples?lock=7437315230138368",
"media": "(max-width: 2560px)"
}
]
},
"link": "#",
"name": "Vivian D.",
"messagePreview": "Eum laborum quibusdam dolorum adipisci fuga dolor dicta necessitatibus numquam magnam aut hic est repellendus quae expedita voluptate totam quam.",
"date": "2023-05-30T05:23:14.301Z"
},
{
"avatar": {
"default": {
"src": "https://loremflickr.com/100/100/peoples?lock=7517840940728320",
"alt": "Placeat ea blanditiis sunt doloribus.",
"width": 100,
"height": 100
},
"sources": [
{
"src": "https://loremflickr.com/100/100/peoples?lock=7517840940728320",
"media": "(max-width: 2560px)"
}
]
},
"link": "#",
"name": "Douglas I.",
"messagePreview": "Dolorem facere delectus veniam quas modi rem porro ipsum magnam vel nihil animi officiis exercitationem minima quisquam dignissimos enim beatae.",
"date": "2023-02-09T02:08:12.464Z"
},
{
"avatar": {
"default": {
"src": "https://loremflickr.com/100/100/peoples?lock=6132957406298112",
"alt": "Nulla minus aut asperiores corporis.",
"width": 100,
"height": 100
},
"sources": [
{
"src": "https://loremflickr.com/100/100/peoples?lock=6132957406298112",
"media": "(max-width: 2560px)"
}
]
},
"link": "#",
"name": "Luna O.",
"messagePreview": "Tenetur vero sequi necessitatibus nulla eius natus officiis inventore laboriosam tenetur rerum porro expedita reprehenderit totam ipsa odio repellendus nostrum.",
"date": "2022-11-22T18:12:45.059Z"
},
{
"avatar": {
"default": {
"src": "https://loremflickr.com/100/100/peoples?lock=1491398461227008",
"alt": "Culpa qui modi dolore quaerat.",
"width": 100,
"height": 100
},
"sources": [
{
"src": "https://loremflickr.com/100/100/peoples?lock=1491398461227008",
"media": "(max-width: 2560px)"
}
]
},
"link": "#",
"name": "Michelle Q.",
"messagePreview": "Corporis neque nobis rem nemo omnis rem inventore error ex officiis nobis neque temporibus veritatis magni saepe iure inventore placeat.",
"date": "2022-08-08T21:58:13.280Z"
},
{
"avatar": {
"default": {
"src": "https://loremflickr.com/100/100/peoples?lock=6426025305047040",
"alt": "Quo cupiditate voluptates mollitia veritatis.",
"width": 100,
"height": 100
},
"sources": [
{
"src": "https://loremflickr.com/100/100/peoples?lock=6426025305047040",
"media": "(max-width: 2560px)"
}
]
},
"link": "#",
"name": "Anne L.",
"messagePreview": "Vitae iusto amet nemo quibusdam exercitationem voluptate officiis earum numquam maiores quisquam voluptatibus nisi reprehenderit in magni eum nesciunt doloribus.",
"date": "2023-06-21T19:45:09.787Z"
},
{
"avatar": {
"default": {
"src": "https://loremflickr.com/100/100/peoples?lock=1084188442755072",
"alt": "Nihil voluptatum eaque quisquam eligendi.",
"width": 100,
"height": 100
},
"sources": [
{
"src": "https://loremflickr.com/100/100/peoples?lock=1084188442755072",
"media": "(max-width: 2560px)"
}
]
},
"link": "#",
"name": "Mathilde J.",
"messagePreview": "Saepe aliquid facilis blanditiis sit ad expedita corporis natus ipsam quidem aspernatur ipsa dolorem quae aliquam iusto totam qui omnis.",
"date": "2022-08-27T09:04:37.480Z"
},
{
"avatar": {
"default": {
"src": "https://loremflickr.com/100/100/peoples?lock=5433172154122240",
"alt": "Iste maxime commodi quibusdam odio.",
"width": 100,
"height": 100
},
"sources": [
{
"src": "https://loremflickr.com/100/100/peoples?lock=5433172154122240",
"media": "(max-width: 2560px)"
}
]
},
"link": "#",
"name": "Ericka Y.",
"messagePreview": "Tenetur eius veritatis doloribus quia modi sequi alias odio exercitationem atque culpa alias voluptas autem totam id dolores est culpa.",
"date": "2023-04-20T10:25:50.257Z"
},
{
"avatar": {
"default": {
"src": "https://loremflickr.com/100/100/peoples?lock=4602131118030848",
"alt": "Vitae deleniti excepturi porro vero.",
"width": 100,
"height": 100
},
"sources": [
{
"src": "https://loremflickr.com/100/100/peoples?lock=4602131118030848",
"media": "(max-width: 2560px)"
}
]
},
"link": "#",
"name": "Weldon H.",
"messagePreview": "Nisi vel neque mollitia velit voluptate eos exercitationem consectetur perspiciatis maiores repellat dicta sequi sint voluptates quasi consectetur distinctio incidunt.",
"date": "2023-05-29T16:31:51.226Z"
},
{
"avatar": {
"default": {
"src": "https://loremflickr.com/100/100/peoples?lock=1842509932134400",
"alt": "Dolores labore atque voluptas cumque.",
"width": 100,
"height": 100
},
"sources": [
{
"src": "https://loremflickr.com/100/100/peoples?lock=1842509932134400",
"media": "(max-width: 2560px)"
}
]
},
"link": "#",
"name": "Garrett T.",
"messagePreview": "Voluptatum excepturi sapiente officiis culpa atque eum praesentium repudiandae iure ullam ipsa eum voluptate quaerat vero temporibus facilis cupiditate facere.",
"date": "2023-07-26T15:51:17.697Z"
}
]
}
{% include '@organisms/message_list/message_list.twig' with {
} only %}Fields message_preview -> molecule