comments-join-group.html.twig in Open Social 8.9

{{ attach_library('group_core_comments/group_core_comments')}}

<div class="forbidden-post-comments-wrapper card">
  <div class="description">
    <div class="description__wrapper">
      <p>{{ description }}</p>
    </div>

    <div class="group-action">
      <a href="#" class="btn btn-default btn-action__group" aria-label="{{ 'View group'|t }}">
        <svg>
          <use xlink:href="#icon-group"></use>
        </svg>
        {{ 'View group'|t }}
      </a>

      <div class="popup-info">
        <div class="card">
          <div class="popup-info__image">
            {{ group_info.image }}
          </div>

          <div class="popup-info__body">
            <div class="popup-info__content">

              <div class="popup-info__title"><h4>{{ group_info.label }}</h4></div>

              <div class="popup-info__content-line">
                <svg class="popup-info__content-type-icon">
                  <use xlink:href="#icon-label"></use>
                </svg>
                {{ group_info.type }}
              </div>

              <div class="popup-info__content-line">
                <svg class="popup-info__content-type-icon">
                  <use xlink:href="#icon-group"></use>
                </svg>
                {{ group_info.members_count }}
              </div>

              <div class="actions">
                <a href="{{ action.url }}" title="{{ group_info.label }}" class="{{ action.class }}">{{ action.label }}</a>
                <a href="{{ group_info.url }}" title="{{ group_info.label }}" class="btn btn-default">
                  {% trans %}Read more{% endtrans %}
                </a>
              </div>

            </div>

          </div>

        </div>

      </div>

    </div>

  </div>

</div>