フロントエンドプレイアブル

app/views/games/_game.html.erb

@@ -0,0 +1,18 @@
+<div id="<%= dom_id game %>" class="space-y-2">
+  <h3 class="text-lg font-semibold text-gray-900 truncate">
+    <%= game.title %>
+  </h3>
+
+  <div class="mt-2 flex items-center text-sm text-gray-500">
+    <svg class="flex-shrink-0 mr-1.5 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+      <path d="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z" />
+    </svg>
+    <%= game.participants_count %> Players
+  </div>
+
+  <% if game.memo.present? %>
+    <p class="mt-2 text-sm text-gray-600 line-clamp-2">
+      <%= game.memo %>
+    </p>
+  <% end %>
+</div>