<div class="container"> <div id="{{ 'areabrick_timelinepost_list' ~ brickId }}"> {% for post in posts %} {# <turbo-frame id="frame-timeline-post-{{ post.id }}" src="{{ path('timeline_card_reduced', { _locale: app.request.locale, postId: post.id }) }}"> {% include 'network/profile/timeline/card_skeleton.html.twig' %} </turbo-frame> #} <div {{ react_component( 'LazyCard', { postId: post.id, locale: app.request.locale, embedded: true, user: app.user and not editmode ? { id: app.user.id, name: app.user.name, avatar: app.user.avatar ? app.user.avatar.frontendFullPath } } ) }}></div> {% else %} {% include 'network/profile/timeline/no_activity.html.twig' with { showButton: false } %} {% endfor %} </div> {% if form.offset.vars.value < totalCount %} <div class="flex justify-center w-full" id="{{ 'areabrick_load_button' ~ brickId }}"> {{ form_start(form) }} {{ form_widget(form.offset, { value: form.offset.vars.value }) }} {# {{ button.submit('show-more'|trans, 'neutral', { size: 'sm' }) }} #} {{ form_widget(form.submit, { attr: { class: 'btn btn-sm btn-neutral my-4 mx-auto' } }) }} {{ form_end(form) }} </div> {% endif %}</div>