
  <turbo-stream action="append" target="donors-sidebar-list"><template>
    <!-- BEGIN app/views/public/campaigns/_recent_donations_item.html.erb
-->
<li class="py-3.5">
  <div class="flex items-start gap-3">
      <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
           style="background: #f67650;">
        N
      </div>

    <div class="flex-1 min-w-0">
      <p class="font-semibold text-sm text-neutral break-words leading-snug">Nathan Fermon</p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
          70 €
      </p>
      <p class="text-[11px] text-base-content/50 mt-0.5 whitespace-nowrap">
        il y a 20 jours
      </p>
    </div>
  </div>

</li>
<!-- END app/views/public/campaigns/_recent_donations_item.html.erb --><!-- BEGIN app/views/public/campaigns/_recent_donations_item.html.erb
-->
<li class="py-3.5">
  <div class="flex items-start gap-3">
      <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
           style="background: #f67650;">
        A
      </div>

    <div class="flex-1 min-w-0">
      <p class="font-semibold text-sm text-neutral break-words leading-snug">Andrea Quentin</p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
          312 €
      </p>
      <p class="text-[11px] text-base-content/50 mt-0.5 whitespace-nowrap">
        il y a 20 jours
      </p>
    </div>
  </div>

    <div class="mt-2 ml-13 sm:ml-13 pl-1 border-l-2 text-xs text-base-content/70 italic leading-relaxed break-words"
         style="border-color: #f6765040; padding-left: 0.625rem;">
      « Parce que ce que vous faites est incroyable.  »
    </div>
</li>
<!-- END app/views/public/campaigns/_recent_donations_item.html.erb --><!-- BEGIN app/views/public/campaigns/_recent_donations_item.html.erb
-->
<li class="py-3.5">
  <div class="flex items-start gap-3">
      <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
           style="background: #f67650;">
        J
      </div>

    <div class="flex-1 min-w-0">
      <p class="font-semibold text-sm text-neutral break-words leading-snug">Jeremie Sellam</p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
          120 €
      </p>
      <p class="text-[11px] text-base-content/50 mt-0.5 whitespace-nowrap">
        il y a 20 jours
      </p>
    </div>
  </div>

    <div class="mt-2 ml-13 sm:ml-13 pl-1 border-l-2 text-xs text-base-content/70 italic leading-relaxed break-words"
         style="border-color: #f6765040; padding-left: 0.625rem;">
      « Beatslaha ! »
    </div>
</li>
<!-- END app/views/public/campaigns/_recent_donations_item.html.erb --><!-- BEGIN app/views/public/campaigns/_recent_donations_item.html.erb
-->
<li class="py-3.5">
  <div class="flex items-start gap-3">
      <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
           style="background: #f67650;">
        L
      </div>

    <div class="flex-1 min-w-0">
      <p class="font-semibold text-sm text-neutral break-words leading-snug">Lior </p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
          52 €
      </p>
      <p class="text-[11px] text-base-content/50 mt-0.5 whitespace-nowrap">
        il y a 20 jours
      </p>
    </div>
  </div>

</li>
<!-- END app/views/public/campaigns/_recent_donations_item.html.erb --><!-- BEGIN app/views/public/campaigns/_recent_donations_item.html.erb
-->
<li class="py-3.5">
  <div class="flex items-start gap-3">
      <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
           style="background: #f67650;">
        B
      </div>

    <div class="flex-1 min-w-0">
      <p class="font-semibold text-sm text-neutral break-words leading-snug">Benjamin ILLOUZ</p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
          360 €
      </p>
      <p class="text-[11px] text-base-content/50 mt-0.5 whitespace-nowrap">
        il y a environ 2 mois
      </p>
    </div>
  </div>

</li>
<!-- END app/views/public/campaigns/_recent_donations_item.html.erb --><!-- BEGIN app/views/public/campaigns/_recent_donations_item.html.erb
-->
<li class="py-3.5">
  <div class="flex items-start gap-3">
      <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
           style="background: #f67650;">
        É
      </div>

    <div class="flex-1 min-w-0">
      <p class="font-semibold text-sm text-neutral break-words leading-snug">Émilie Elbaz</p>
    </div>

    <div class="text-right flex-shrink-0">
      <p class="font-bold text-base" style="color: #f67650;">
          300 €
      </p>
      <p class="text-[11px] text-base-content/50 mt-0.5 whitespace-nowrap">
        il y a environ 2 mois
      </p>
    </div>
  </div>

</li>
<!-- END app/views/public/campaigns/_recent_donations_item.html.erb -->
</template></turbo-stream>
  <turbo-stream action="replace" target="donors-sidebar-load-more"><template>
    <div id="donors-sidebar-load-more" class="text-center mt-4">
    </div>
</template></turbo-stream>