From de632cdfdc145c8ea0a1dd5a2ed4fa94232122d5 Mon Sep 17 00:00:00 2001
From: Daniel Savory <daniel@yrovas.com>
Date: Sun, 12 Jan 2025 22:57:27 +1100
Subject: [PATCH] book thoughts

---
 lib/wild_web/live/book_thoughts.ex         |  3 ++
 lib/wild_web/live/books_thoughts.html.heex | 37 ++++++++++++++++++++++
 lib/wild_web/router.ex                     |  2 +-
 3 files changed, 41 insertions(+), 1 deletion(-)
 create mode 100644 lib/wild_web/live/book_thoughts.ex
 create mode 100644 lib/wild_web/live/books_thoughts.html.heex

diff --git a/lib/wild_web/live/book_thoughts.ex b/lib/wild_web/live/book_thoughts.ex
new file mode 100644
index 0000000..ae387cb
--- /dev/null
+++ b/lib/wild_web/live/book_thoughts.ex
@@ -0,0 +1,3 @@
+defmodule WildWeb.BookThoughts do
+  use WildWeb, :live_view
+end
diff --git a/lib/wild_web/live/books_thoughts.html.heex b/lib/wild_web/live/books_thoughts.html.heex
new file mode 100644
index 0000000..24f1dfe
--- /dev/null
+++ b/lib/wild_web/live/books_thoughts.html.heex
@@ -0,0 +1,37 @@
+<h1>Our Book Journey</h1>
+
+<div>
+  <h2>Book name</h2>
+  <p>Review times</p>
+</div>
+
+<div class="flex flex-col sm:flex-row bg-white border shadow-sm rounded-xl hover:shadow-lg focus:outline-none focus:shadow-lg transition dark:bg-neutral-900 dark:border-neutral-700 dark:shadow-neutral-700/70" >
+  <img src={~p"/images/book-card-homepage.jpg"} class="w-1/2 h-auto rounded-t-xl">
+  
+  <div>
+    
+    <div class="flex px-4 pt-4 sm:px-5 sm:pt-5">
+      <h3 class="flex-1 flex-row text-lg font-bold text-gray-800 dark:text-white">
+        Book Name
+      </h3>
+
+      <p class="flex-1 flex-row dark:text-white text-right">
+        4 thoughts
+      </p>
+    </div>
+    
+    <p class="text-gray-400 w-full px-5 pb-5">
+      by author name, published 1999
+    </p>
+    
+    <div class="p-5 mt-1">
+      <h3 class="font-bold text-gray-800 dark:text-white">
+        Recent thoughts from Thu
+      </h3>
+      <p class="text-gray-500 dark:text-neutral-400">
+        Some quick example text to build on the card title and make up the bulk of the card's content.
+      </p>
+    </div>
+
+  </div>
+</div>
diff --git a/lib/wild_web/router.ex b/lib/wild_web/router.ex
index 18929be..9200fe7 100644
--- a/lib/wild_web/router.ex
+++ b/lib/wild_web/router.ex
@@ -81,8 +81,8 @@ defmodule WildWeb.Router do
       live "/account/confirm/:token", UserConfirmationLive, :edit
       live "/account/confirm", UserConfirmationInstructionsLive, :new
       live "/", Index
-      # live "/books/thoughts", BookReads, :thoughts
       live "/books", Books
+      live "/books/thoughts", BookThoughts
     end
   end
 end