From 4a83ed1b86783634097c50a39d7ec73fc989f657 Mon Sep 17 00:00:00 2001
From: Vidhu Kant Sharma <vidhukant@vidhukant.com>
Date: Wed, 30 Aug 2023 13:41:38 +0530
Subject: added contact info to clients list

---
 src/app/manage/client/list/address.rs   |  4 +++-
 src/app/manage/client/list/list_item.rs | 15 +++++++++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/app/manage/client/list/address.rs b/src/app/manage/client/list/address.rs
index c57ac89..233de92 100644
--- a/src/app/manage/client/list/address.rs
+++ b/src/app/manage/client/list/address.rs
@@ -22,6 +22,7 @@ use crate::models::client;
 #[derive(Properties, PartialEq)]
 pub struct Props {
     pub address: client::Address,
+    pub title: String,
 }
 
 #[function_component(Address)]
@@ -29,7 +30,8 @@ pub fn address(props: &Props) -> Html {
 
     html! {
         <div class={"client-address"}>
-            {props.address.address_text.clone()}
+            <span class={"title"}>{props.title.clone()}</span>
+            <span>{props.address.address_text.clone()}</span>
         </div>
     }
 }
diff --git a/src/app/manage/client/list/list_item.rs b/src/app/manage/client/list/list_item.rs
index b2d9ca9..8b78ad7 100644
--- a/src/app/manage/client/list/list_item.rs
+++ b/src/app/manage/client/list/list_item.rs
@@ -36,14 +36,25 @@ pub fn list_item(props: &Props) -> Html {
             </div>
 
             <div class={"details"}>
-                <div class={"general-info"}>
+                <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 address={props.client.billing_address.clone()} />
+                <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>
         </div>
     }
 }
-- 
cgit v1.2.3