added contact info to clients list

2 files changed, 16 insertions, 3 deletions

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>
     }
 }