From b64633bf537c0609a55f210c0e86170414accd42 Mon Sep 17 00:00:00 2001
From: Vinod J M <vinodjacobmatthew@gmail.com>
Date: Tue, 1 Nov 2022 15:29:02 +0530
Subject: [PATCH] v0.10-frontend3

---
 backend/api/src/lib.rs |  2 +-
 frontend/src/main.rs   | 12 ++++++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/backend/api/src/lib.rs b/backend/api/src/lib.rs
index ea0a291..daecb4e 100644
--- a/backend/api/src/lib.rs
+++ b/backend/api/src/lib.rs
@@ -217,7 +217,7 @@ let mut vec = Vec::with_capacity(12);
         let doc = resjson.docs[i].clone();
     vec.push(
 BookUI{
-    id: (i+1) as i32,
+    id: -((i+1) as i32),
 open_library_key: Some(doc.key),
 title: doc.title,
 edition_count: doc.edition_count,
diff --git a/frontend/src/main.rs b/frontend/src/main.rs
index e56ce14..baa27a0 100644
--- a/frontend/src/main.rs
+++ b/frontend/src/main.rs
@@ -173,6 +173,7 @@ async fn ListDB<G: Html>(cx: Scope<'_>) -> View<G> {
 #[component(inline_props)]
 pub fn BookDB<G: Html>(cx: Scope, bookitem: BookUIProp) -> View<G> {
     let book = bookitem.bookitem.clone();
+     let coverurl = book.cover.clone().unwrap_or("http://localhost:8081/images/placeholder.jpg".to_string());
     let handle_delete = move |_| {
         spawn_local(async move {
             let temp = delete_book(book.id).await.unwrap();
@@ -181,11 +182,16 @@ pub fn BookDB<G: Html>(cx: Scope, bookitem: BookUIProp) -> View<G> {
     };
  
     view! { cx,
-    li{
+         div(class="column"){
+                div(class="card"){
+    img(src=coverurl,width="100")
+  
     (format!("{:?}",book))
         button(class="delete", on:click=handle_delete){ "-" }
     }
     }
+
+    }
 }
 
 #[component]
@@ -236,6 +242,7 @@ async fn ListOL<G: Html>(cx: Scope<'_>) -> View<G> {
 pub fn BookOL<G: Html>(cx: Scope, bookitem: BookUIProp) -> View<G> {
     let book = bookitem.bookitem.clone();
     let bookdisp=book.clone();
+    let coverurl = book.cover.clone().unwrap_or("http://localhost:8081/images/placeholder.jpg".to_string());
     let app_state = use_context::<AppState>(cx);
     let handle_add = move |_| {
         app_state.adding.set(true);
@@ -245,7 +252,8 @@ pub fn BookOL<G: Html>(cx: Scope, bookitem: BookUIProp) -> View<G> {
     view! { cx,
         div(class="column"){
                 div(class="card"){
-    (format!("{:?}",bookdisp))
+    img(src=coverurl,width="100")
+                    (format!("{:?}",bookdisp))
         button(class="add", on:click=handle_add){ "+" }
     }
         }