made crappy table component

1 files changed, 42 insertions, 25 deletions

diff --git a/src/app/manage/customer/mod.rs b/src/app/manage/customer/mod.rs
index 8f5f6fb..0ae0f24 100644
--- a/src/app/manage/customer/mod.rs
+++ b/src/app/manage/customer/mod.rs
@@ -21,6 +21,14 @@ use yew::prelude::*;
 
 use crate::models::customer;
 
+use crate::components::table::{
+    Table,
+    header::Header,
+    items::Items,
+    cell::Cell,
+    row::Row,
+};
+
 #[function_component(ManageCustomerPage)]
 pub fn manage_customer() -> Html {
     let mut customers = Vec::new();
@@ -45,37 +53,46 @@ pub fn manage_customer() -> Html {
     c1s1.postal_code = "121212".to_string();
     c1s1.country = "India".to_string();
     c1.add_shipping_address(c1s1);
-    customers.push(c1);
-
-    let mut c2: customer::Customer = customer::Customer::new();
-    c2.id = 1;
-    c2.name = "Google Inc.".to_string();
-    c2.gstin = "AKSK821KA12SJ123LJF".to_string();
-    c2.contact.contact_name = "Google".to_string();
-    c2.contact.phone_number = "490183212".to_string();
-    c2.contact.email_address = "google@google.com".to_string();
-    c2.contact.website = "google.com".to_string();
-    c2.billing_address.address_text = "Address".to_string();
-    c2.billing_address.city = "City".to_string();
-    c2.billing_address.state = "State".to_string();
-    c2.billing_address.postal_code = "121212".to_string();
-    c2.billing_address.country = "India".to_string();
-    let mut c2s1 = customer::Address::new();
-    c2s1.address_text = "Address".to_string();
-    c2s1.city = "City".to_string();
-    c2s1.state = "State".to_string();
-    c2s1.postal_code = "121212".to_string();
-    c2s1.country = "India".to_string();
-    c2.add_shipping_address(c2s1);
 
-    for _ in 0..1000 {
-        customers.push(c2.clone());
+    for _ in 0..20 {
+        customers.push(c1.clone());
     }
 
     html! {
         <div id={"manage-customer-page"}>
             <p>{"To Add: Searching, Viewing, Editing, Deletion, Batch Deletion"}</p>
-            <list::CustomersList customers={customers}/>
+
+            <Table>
+                <Header template={"1fr 3fr 2fr 2fr"}>
+                    <Cell>
+                        {"S. No"}
+                    </Cell>
+
+                    <Cell>
+                        {"Customer Name"}
+                    </Cell>
+
+                    <Cell>
+                        {"GSTIN"}
+                    </Cell>
+                </Header>
+
+                <Items>
+                    <Row template={"1fr 3fr 2fr 2fr"}>
+                        <Cell>
+                            {"S. No"}
+                        </Cell>
+
+                        <Cell>
+                            {"Customer Name"}
+                        </Cell>
+
+                        <Cell>
+                            {"GSTIN"}
+                        </Cell>
+                    </Row>
+                </Items>
+            </Table>
         </div>
     }
 }