<turbo-frame id="tab_content"> <section class="p-4 bg-white shadow-xl sm:p-8 xl:p-16" id="news"> {% if app.user and profile.news and profile.news.count > 0 %} {# {% do section_navigation_add({ name: 'news', anchor: 'news' }) %} #} <div class="container"> <h2 class="text-lg font-medium uppercase md:text-xl font-headline mb-7"> {{ 'news'|trans }} </h2> {# <turbo-frame id="profile-news" src="{{ path( 'network_profile_news_frame', { _locale: app.request.locale, id: profile.id } ) }}"> </turbo-frame> #} <div data-turbo="false" {{ react_component( 'NewsList', { objectId: profile.id, objectType: profile.classId, limit: 3, locale: app.request.locale } ) }}></div> </div> {% elseif not app.user %} <div class="container"> <h2 class="text-lg font-medium uppercase md:text-xl font-headline mb-7"> {{ 'news'|trans }} </h2> {% include 'network/profile/components/login_required_hint.html.twig' %} </div> {% else %} <h2 class="text-xl font-medium text-black uppercase mb-7 md:text-xl font-headline"> {{ 'news-list'|trans }} </h2> <div> {{ 'no.profile.news.available'|trans }} </div> {% endif %} </section> <turbo-stream action="replace" target="tab_navigation"> <template> {% include 'network/profile/components/tab_navigation_component.html.twig' with { profile: profile, highlightedTab: app.request.pathInfo } %} </template> </turbo-stream></turbo-frame>