<turbo-stream action="append" target="post_218_comments"><template>
  <div id="comment_1692" data-controller="comment comment-reply" data-comment-id="1692" data-view="comment">
  <div class="flex gap-3 items-start">
    
      <span class="relative shrink-0 inline-flex">
        <a class="avatar flex-shrink-0 hover:opacity-80 transition-opacity" data-controller="hover-card" data-hover-card-url-value="/users/3/hover_card" href="/users/3">
          <div class="w-10 h-10 rounded-full">
            <img alt="Porter&#39;s avatar" class="w-10 h-10 object-cover" src="/rails/active_storage/blobs/proxy/eyJfcmFpbHMiOnsiZGF0YSI6Mjg1OCwicHVyIjoiYmxvYl9pZCJ9fQ==--aef5b47632e10c06f0754385afbea75b9157ae2a/porter.jpg?v=1" />
          </div>
</a><span class="absolute -bottom-0.5 -right-0.5 z-10 flex items-center justify-center rounded-full bg-secondary text-secondary-content ring-base-100 w-4 h-4 ring-2" title="Staff" aria-label="Staff"><svg class="h-2.5 w-2.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"></path></svg></span></span>    <div class="flex-1 min-w-0">
      <div data-comment-target="bubble">
      
        <div class="bg-base-200 rounded-lg p-3">
          <div class="flex items-center justify-between mb-1">
            <a class="font-semibold text-sm hover:text-orange-600 transition-colors" href="/users/3">Porter</a>
            <span class="text-xs text-base-content/60">
              about 2 months ago
            </span>
          </div>
          <div class="prose prose-sm max-w-none">
              <p><action-text-attachment sgid="eyJfcmFpbHMiOnsiZGF0YSI6ImdpZDovL3NzL1VzZXIvMTM_ZXhwaXJlc19pbiIsInB1ciI6ImF0dGFjaGFibGUifX0=--a7b807802e86fc60dd85207d79fae0dbcddd8e82" content-type="application/octet-stream" content="&quot;\n        <a class=&quot;\&amp;quot;inline-flex&quot; data-view=&quot;\&amp;quot;users-mention\&amp;quot;&quot; href=&quot;\%22/users/13\%22&quot;>\n    @Aubrey K.\n</a>\n    &quot;">  <a class="inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded bg-primary/10 text-primary hover:bg-primary/20 transition-colors no-underline font-medium" target="_blank" rel="noopener" data-view="users-mention" href="/users/13">
    @Aubrey K.
</a></action-text-attachment> You have put so much work into setting up the content for the space. Thank you so much!!</p>

          </div>
        </div>
      </div>


      <div class="flex flex-wrap gap-2 mt-2 ml-3 items-center">
          <div class="btn btn-ghost btn-sm gap-2" title="Log in to react">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
            </svg>
            <span>3</span>
          </div>

      </div>

    </div>
  </div>


  <div id="comment_1692_replies" class="ml-8 mt-4 space-y-3 empty:hidden">
      <div id="comment_1694" data-controller="comment comment-reply" data-comment-id="1694" data-view="comment">
  <div class="flex gap-3 items-start">
    
      <span class="relative shrink-0 inline-flex">
        <a class="avatar flex-shrink-0 hover:opacity-80 transition-opacity" data-controller="hover-card" data-hover-card-url-value="/users/9/hover_card" href="/users/9">
          <div class="w-10 h-10 rounded-full">
            <img alt="Nicole L.&#39;s avatar" class="w-10 h-10 object-cover" src="https://ui-avatars.com/api/?name=NL&amp;size=40&amp;background=random" />
          </div>
</a><span class="absolute -bottom-0.5 -right-0.5 z-10 flex items-center justify-center rounded-full bg-secondary text-secondary-content ring-base-100 w-4 h-4 ring-2" title="Staff" aria-label="Staff"><svg class="h-2.5 w-2.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd"></path></svg></span></span>    <div class="flex-1 min-w-0">
      <div data-comment-target="bubble">
      
        <div class="bg-base-200 rounded-lg p-3">
          <div class="flex items-center justify-between mb-1">
            <a class="font-semibold text-sm hover:text-orange-600 transition-colors" href="/users/9">Nicole L.</a>
            <span class="text-xs text-base-content/60">
              about 2 months ago
            </span>
          </div>
          <div class="prose prose-sm max-w-none">
              <p>Amazing!!! 😻 </p>

          </div>
        </div>
      </div>


      <div class="flex flex-wrap gap-2 mt-2 ml-3 items-center">
          <div class="btn btn-ghost btn-sm gap-2" title="Log in to react">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
            </svg>
            <span>2</span>
          </div>

      </div>

    </div>
  </div>


  <div id="comment_1694_replies" class="ml-4 mt-4 space-y-3 empty:hidden">
  </div>

</div>

  </div>

</div>

</template></turbo-stream>
  <turbo-stream action="remove" target="post_218_comments_load_more"></turbo-stream>
