book thoughts

lib/wild_web/live/book_thoughts.ex

@@ -0,0 +1,3 @@
+defmodule WildWeb.BookThoughts do
+  use WildWeb, :live_view
+end

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>

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