From 45cee12caef6ebdea8f06f616f657b4c20fb56ff Mon Sep 17 00:00:00 2001
From: Tareq Hisham <tareqabuaqlain1@gmail.com>
Date: Thu, 10 Nov 2022 12:31:01 +0200
Subject: [PATCH]  add the select if until if there is no data related #154

---
 .../components/userDashboard/userBills.tsx    | 46 ++++++++++++++-----
 1 file changed, 35 insertions(+), 11 deletions(-)

diff --git a/client/src/components/userDashboard/userBills.tsx b/client/src/components/userDashboard/userBills.tsx
index 389d7f8..aad2867 100644
--- a/client/src/components/userDashboard/userBills.tsx
+++ b/client/src/components/userDashboard/userBills.tsx
@@ -166,7 +166,41 @@ const UserBills: React.FC = () => {
 
     ) : (
       <>
-        <Title>الفواتير</Title>
+        <div className="topContainer">
+          <Title>الفواتير</Title>
+          <div>
+            <Select
+              defaultValue="جميع الشقق"
+              style={{ width: 120 }}
+              onChange={handleChange}
+              options={
+              getIds().map((ele :any) => ({
+                lable: ele,
+                value: ele,
+              }))
+            }
+            />
+            <Select
+              defaultValue="مدفوع / غير مدفوع"
+              style={{ width: 120 }}
+              onChange={handleChange}
+              options={[
+                {
+                  value: 'all',
+                  label: 'مدفوع / غير مدفوع',
+                },
+                {
+                  value: 'false',
+                  label: 'مدفوع',
+                },
+                {
+                  value: 'true',
+                  label: 'غير مدفوع',
+                },
+              ]}
+            />
+          </div>
+        </div>
         <NoData />
       </>
     )
@@ -174,13 +208,3 @@ const UserBills: React.FC = () => {
   );
 };
 export default UserBills;
-
-// {
-//   (loading) ? <Loading /> : ((userBill.length > 0) ? (
-//     <Table
-//       pagination={{ defaultPageSize: 5 }}
-//       columns={columns}
-//       dataSource={userBill}
-//     />
-//   ) : <NoData />)
-// }