changed clients list

3 files changed, 42 insertions, 29 deletions

diff --git a/src/app/manage/client/list/list_item.rs b/src/app/manage/client/list/list_item.rs
index 8b78ad7..2e6fed0 100644
--- a/src/app/manage/client/list/list_item.rs
+++ b/src/app/manage/client/list/list_item.rs
@@ -17,44 +17,22 @@
 
 use yew::prelude::*;
 
-use crate::app::manage::client::list::address;
-
 use crate::models::client;
 
 #[derive(Properties, PartialEq)]
 pub struct Props {
     pub client: client::Client,
+    pub s_no: usize,
 }
 
 #[function_component(ListItem)]
 pub fn list_item(props: &Props) -> Html {
     html! {
         <div class={"clients-list-item"}>
-            <div class={"header"}>
-                <span class={"client-name"}>{props.client.name.clone()}</span>
-                <span class={"client-gstin"}>{props.client.gstin.clone()}</span>
-            </div>
-
-            <div class={"details"}>
-                <div class={"contact-info"}>
-                    <span class={"title"}>{"Contact Details:"}</span>
-                    <span>{"Name - "}{props.client.contact.contact_name.clone()}</span>
-                    <span>{"Phone - "}{props.client.contact.phone_number.clone()}</span>
-                    <span>{"E-Mail - "}{props.client.contact.email_address.clone()}</span>
-                    <span>{"Website - "}{props.client.contact.website.clone()}</span>
-                </div>
-
-                <address::Address title={"Billing Address:"} address={props.client.billing_address.clone()} />
-
-                <div class={"shipping-addresses-wrapper"}>
-                </div>
-            </div>
-
-            <div class={"options"}>
-                <p>
-                    {"Options (To Be Added)"}
-                </p>
-            </div>
+            <span>{props.s_no}</span>
+            <span>{props.client.name.clone()}</span>
+            <span>{props.client.gstin.clone()}</span>
+            <span class={"options"}></span>
         </div>
     }
 }
diff --git a/src/app/manage/client/list/mod.rs b/src/app/manage/client/list/mod.rs
index 2e13be6..1c00f0a 100644
--- a/src/app/manage/client/list/mod.rs
+++ b/src/app/manage/client/list/mod.rs
@@ -31,11 +31,18 @@ pub struct Props {
 pub fn clients_list(props: &Props) -> Html {
     let list_items: Html = props.clients
         .iter()
-        .map(|c| html!(<list_item::ListItem key={c.id} client={c.clone()} />))
+        .enumerate()
+        .map(|(id, c)| html!(<list_item::ListItem key={c.id} s_no={id + 1} client={c.clone()} />))
         .collect();
 
     html! {
         <div class={"clients-list-wrapper"}>
+            <div class={"clients-list-header"}>
+                <span>{"S. No"}</span>
+                <span>{"Client Name"}</span>
+                <span>{"GSTIN"}</span>
+                <span class={"options"}></span>
+            </div>
             <div class={"clients-list"}>
                 {list_items}
             </div>
diff --git a/src/app/manage/client/mod.rs b/src/app/manage/client/mod.rs
index de4ac4b..12b18eb 100644
--- a/src/app/manage/client/mod.rs
+++ b/src/app/manage/client/mod.rs
@@ -67,10 +67,38 @@ pub fn manage_client_page() -> Html {
     c2s1.postal_code = "121212".to_string();
     c2s1.country = "India".to_string();
     c2.add_shipping_address(c2s1);
-    clients.push(c2);
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
+    clients.push(c2.clone());
 
     html! {
         <div id={"manage-client-page"}>
+            <p>{"To Add: Searching, Viewing, Editing, Deletion, Batch Deletion"}</p>
             <list::ClientsList clients={clients}/>
         </div>
     }