From 13f4f6ca06a216962f4c25fa0d6041945cfb3fb5 Mon Sep 17 00:00:00 2001
From: David Gay <david@davidgay.org>
Date: Fri, 3 Nov 2023 01:27:49 -0400
Subject: Better trainer card

---
 app/views/users/show.html.erb | 49 ++++++++++++++++++++++++-------------------
 1 file changed, 27 insertions(+), 22 deletions(-)

(limited to 'app/views/users/show.html.erb')

diff --git a/app/views/users/show.html.erb b/app/views/users/show.html.erb
index 4df3273..f11b01f 100644
--- a/app/views/users/show.html.erb
+++ b/app/views/users/show.html.erb
@@ -1,25 +1,30 @@
-<div class="space-y-4">
-  <h1 class="text-2xl">
-    <span class="px-4 py-2 text-lg text-slate-900 bg-orange-500 rounded">TRAINER CARD</span>
-    <%= @user.name || "???" %>
-  </h1>
-  <p class="subtitle">ID No. <%= @user.id %></p>
-
-  <% if @user == current_user %>
-    <%= link_to "Edit trainer card", edit_user_url(@user) %>
-  <% end %>
-
-  <ul>
-    <li>Pokédex 0</li>
-  </ul>
-
-  <h2><%= pluralize(@user.runs.count, "run") %></h2>
+<div class="grid grid-cols-1 md:grid-cols-2">
+  <div class="w-[500px] space-y-4 p-4 border border-orange-900 rounded shadow-xl bg-neutral-50">
+    <div class="flex justify-between text-display">
+      <div class="px-4 py-2 text-sm text-slate-900 bg-orange-500 rounded">TRAINER CARD</div>
+      <div class="">ID No. <%= @user.id %></div>
+    </div>
+    <div>
+      <p class="text-lg">NAME: <%= @user.name || "???" %>
+      <p>POKéDEX: <%= @user.pokedex_captured_count %></p>
+      <p>TIME: <%= distance_of_time_in_words_to_now(@user.created_at) %></p>
+    </div>
+    <% if @user == current_user %>
+      <p><%= link_to "Edit trainer card", edit_user_url(@user) %></p>
+    <% end %>
+  </div>
+  <div>
+    <div class="space-y-4">
+      <h2><%= pluralize(@user.runs.count, "run") %></h2>
 
-  <p><%= link_to "Start a run", new_run_path %></p>
+      <p><%= link_to "Start a run", new_run_path %></p>
 
-  <ul class="list-disc">
-    <% @user.runs.each do |run| %>
-      <li><%= run.game.title %> - <%= link_to run.title, run_path(run) %></li>
-    <% end %>
-  </ul>
+      <ul class="list-disc">
+        <% @user.runs.each do |run| %>
+          <li><%= run.game.title %> - <%= link_to run.title, run_path(run) %></li>
+        <% end %>
+      </ul>
+    </div>
+  </div>
 </div>
+
-- 
cgit v1.2.3