<turbo-stream action="append" target="check_ins"><template>
  <div class="py-4 bg-white space-y-2 tracking-tight">
  <div class="px-4 flex justify-between items-center">
    <a class="w-fit flex space-x-2 items-center" href="/users/pink-dolphin">
        <img class="object-cover rounded-full size-9 border border-gray-100 bg-gray-200" src="https://goaliemvmt.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTI3MDYsInB1ciI6ImJsb2JfaWQifX0=--cd199a8cf7527872866a9169cae32645c4e342bc/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fbGltaXQiOlszMDAsMzAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--e20bb2366485964f6aa116ea683c302ace873c8f/IMG_20230506_175257_576.jpg" loading="lazy" />

      <div class="">
        <span class="text-sm">pink-dolphin</span>
        <div class="text-xs text-gray-400">
          Apr 17, 8:22 PM
        </div>
      </div>
</a>    <div class="font-medium text-sm tracking-widest px-3 py-0.5 bg-orange-300 text-white rounded-full">
      W1D1
    </div>
  </div>
  <div class="pt-2">
    <a id="check_in_147" class="space-y-3" href="/check_ins/147">
      <div class="px-4 space-y-2">
        <div class="text-lg font-medium">
          Book reading challenge
        </div>
        <div class="text-sm line-clamp-4">
          <p>There are times when bad things come at the same time. Cassandra was fired from her job and received a breakup notice from her boyfriend. Everything happened in the morning. She didn’t express any emotions at work or to her boyfriend, Will(I actually don’t know yet because chapter 1 and 2 didn’t mention what she did to Will)
<br />Then, at a nearby cafe with memories, like banana muffins, a place close to work and filled with memories with her boyfriend, she finally shed tears and let out her emotions. She warned me at the beginning of the book, saying that the book doesn't tell me about life... That's right. Life is different. Will reading a book really help my life? But surprisingly, what happened to her is happening to me now. 
<br />I don't want to empathize with her, but I'm curious about what choices she'll make in this same situation. However, once again, as she said earlier, this book will ultimately tell lies to me because I know my life won't unfold like this book.</p>
        </div>
      </div>
      <div class="relative flex justify-between space-x-2 max-h-96">
        <img class="object-cover" src="https://goaliemvmt.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6Mzc1LCJwdXIiOiJibG9iX2lkIn19--5f3145de3c06d8d23c11bd328b0d9d8ae3253a03/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fbGltaXQiOlsxMDAwLDEwMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--ca1b12ebd68e57b57648a870cbe3d977436ccb11/17133850396288646496627277198276.jpg" loading="lazy" />
      </div>
</a>  </div>
  <div class="grid grid-flow-col justify-stretch pt-2 divide-x divide-gray-300">
    <div id="check_in_147_reactions">
  <form class="button_to" method="post" action="/check_ins/147/react"><button class="w-full" type="submit">
    <div class="flex justify-center space-x-2 items-center">
      <span>🔥</span>
        <span class="text-sm text-gray-500 font-light">0</span>
    </div>
</button><input type="hidden" name="authenticity_token" value="o5YpmI18SHRMv7utWSh6GOik8HhyRPlr2qsNmYvtTaRJCu5ZQlTosO-c6t-F_oAVk9vtyMapo30o41DzlAua3w" autocomplete="off" /></form></div>

    <a class="w-full" href="/check_ins/147">
      <div class="flex justify-center items-center space-x-2 text-gray-500">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 8.25h9m-9 3H12m-9.75 1.51c0 1.6 1.123 2.994 2.707 3.227 1.129.166 2.27.293 3.423.379.35.026.67.21.865.501L12 21l2.755-4.133a1.14 1.14 0 0 1 .865-.501 48.172 48.172 0 0 0 3.423-.379c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z"></path>
</svg>
        <span class="text-sm font-light">0</span>
      </div>
</a>  </div>
</div>

</template></turbo-stream><turbo-stream action="replace" target="check_in_paginator"><template>
  <div id="check_in_paginator">
</div>

</template></turbo-stream>