added new table component for clients list

4 files changed, 20 insertions, 155 deletions

diff --git a/src/app/manage/customer/list/address.rs b/src/app/manage/customer/list/address.rs
deleted file mode 100644
index 8498530..0000000
--- a/src/app/manage/customer/list/address.rs
+++ /dev/null
@@ -1,37 +0,0 @@
-/* openbills-web - Web client for Libre Billing Software
- * Copyright (C) 2023  Vidhu Kant Sharma <vidhukant@vidhukant.com>
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program.  If not, see <https://www.gnu.org/licenses/>.
- */
-
-use yew::prelude::*;
-
-use crate::models::customer;
-
-#[derive(Properties, PartialEq)]
-pub struct Props {
-    pub address: customer::Address,
-    pub title: String,
-}
-
-#[function_component(Address)]
-pub fn address(props: &Props) -> Html {
-
-    html! {
-        <div class={"customer-address"}>
-            <span class={"title"}>{props.title.clone()}</span>
-            <span>{props.address.address_text.clone()}</span>
-        </div>
-    }
-}
diff --git a/src/app/manage/customer/list/list_item.rs b/src/app/manage/customer/list/list_item.rs
deleted file mode 100644
index 26ac51d..0000000
--- a/src/app/manage/customer/list/list_item.rs
+++ /dev/null
@@ -1,38 +0,0 @@
-/* openbills-web - Web client for Libre Billing Software
- * Copyright (C) 2023  Vidhu Kant Sharma <vidhukant@vidhukant.com>
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program.  If not, see <https://www.gnu.org/licenses/>.
- */
-
-use yew::prelude::*;
-
-use crate::models::customer;
-
-#[derive(Properties, PartialEq)]
-pub struct Props {
-    pub customer: customer::Customer,
-    pub s_no: usize,
-}
-
-#[function_component(ListItem)]
-pub fn list_item(props: &Props) -> Html {
-    html! {
-        <div class={"customers-list-item"}>
-            <span>{props.s_no}</span>
-            <span>{props.customer.name.clone()}</span>
-            <span>{props.customer.gstin.clone()}</span>
-            <span class={"options"}></span>
-        </div>
-    }
-}
diff --git a/src/app/manage/customer/list/mod.rs b/src/app/manage/customer/list/mod.rs
deleted file mode 100644
index 00beb63..0000000
--- a/src/app/manage/customer/list/mod.rs
+++ /dev/null
@@ -1,51 +0,0 @@
-/* openbills-web - Web client for Libre Billing Software
- * Copyright (C) 2023  Vidhu Kant Sharma <vidhukant@vidhukant.com>
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program.  If not, see <https://www.gnu.org/licenses/>.
- */
-
-mod list_item;
-mod address;
-
-use yew::prelude::*;
-
-use crate::models::customer;
-
-#[derive(Properties, PartialEq)]
-pub struct Props {
-    pub customers: Vec<customer::Customer>,
-}
-
-#[function_component(CustomersList)]
-pub fn customers_list(props: &Props) -> Html {
-    let list_items: Html = props.customers
-        .iter()
-        .enumerate()
-        .map(|(id, c)| html!(<list_item::ListItem key={c.id} s_no={id + 1} customer={c.clone()} />))
-        .collect();
-
-    html! {
-        <div class={"customers-list-wrapper"}>
-            <div class={"customers-list-header"}>
-                <span>{"S. No"}</span>
-                <span>{"Customer Name"}</span>
-                <span>{"GSTIN"}</span>
-                <span class={"options"}></span>
-            </div>
-            <div class={"customers-list"}>
-                {list_items}
-            </div>
-        </div>
-    }
-}
diff --git a/src/app/manage/customer/mod.rs b/src/app/manage/customer/mod.rs
index 0ae0f24..2f5d505 100644
--- a/src/app/manage/customer/mod.rs
+++ b/src/app/manage/customer/mod.rs
@@ -15,8 +15,6 @@
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 
-mod list;
-
 use yew::prelude::*;
 
 use crate::models::customer;
@@ -54,43 +52,36 @@ pub fn manage_customer() -> Html {
     c1s1.country = "India".to_string();
     c1.add_shipping_address(c1s1);
 
-    for _ in 0..20 {
+    for _ in 0..5000 {
         customers.push(c1.clone());
     }
 
+    let table_template = String::from("1fr 3fr 2fr");
+
+    let customers_table: Html = customers
+        .iter()
+        .enumerate()
+        .map(|(id, c)| html! (
+            <Row key={c.id} template={table_template.clone()}>
+                <Cell>{id + 1}</Cell>
+                <Cell>{c.name.clone()}</Cell>
+                <Cell>{c.gstin.clone()}</Cell>
+            </Row>
+        ))
+        .collect();
+
     html! {
         <div id={"manage-customer-page"}>
             <p>{"To Add: Searching, Viewing, Editing, Deletion, Batch Deletion"}</p>
 
             <Table>
-                <Header template={"1fr 3fr 2fr 2fr"}>
-                    <Cell>
-                        {"S. No"}
-                    </Cell>
-
-                    <Cell>
-                        {"Customer Name"}
-                    </Cell>
-
-                    <Cell>
-                        {"GSTIN"}
-                    </Cell>
+                <Header template={table_template.clone()}>
+                    <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>
+                    {customers_table}
                 </Items>
             </Table>
         </div>