src/components/Directory/ManageBucket.jsx

@@ -19,7 +19,7 @@ import { useProfile } from "../../hooks/useProfile";
 const ManageBucket = () => {
   const { profile } = useProfile();
   const [bucketList, setBucketList] = useState([]);
-  const { employeesList } = useAllEmployees(false);
+  const {employeesList} = useAllEmployees( false );
   const [selectedEmployee, setSelectEmployee] = useState([]);
   const { buckets, loading, refetch } = useBuckets();
   const [action_bucket, setAction_bucket] = useState(false);
@@ -237,7 +237,8 @@ const ManageBucket = () => {
                 onChange={(e) => setSearchTerm(e.target.value)}
               />
               <i
-                className={`bx bx-refresh cursor-pointer fs-4 ${loading ? "spin" : ""
+                className={`bx bx-refresh cursor-pointer fs-4 ${
+                  loading ? "spin" : ""
                 }`}
                 title="Refresh"
                 onClick={() => refetch()}
@@ -247,7 +248,8 @@ const ManageBucket = () => {
 
           <button
             type="button"
-            className={`btn btn-sm btn-primary ms-auto ${action_bucket ? "d-none" : ""
+            className={`btn btn-sm btn-primary ms-auto ${
+              action_bucket ? "d-none" : ""
             }`}
             onClick={() => {
               setAction_bucket(true);
@@ -265,33 +267,22 @@ const ManageBucket = () => {
             <div className="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-3 pt-3 px-2 px-sm-0">
               {loading && (
                 <div className="col-12">
-                  <div
-                    className="d-flex justify-content-center align-items-center py-5 w-100"
-                    style={{ marginLeft: "250px" }}
-                  >
+                  <div className="d-flex justify-content-center align-items-center py-5">
                     Loading...
                   </div>
                 </div>
               )}
-
-              {!loading && buckets.length === 0 && searchTerm.trim() === "" && (
+              {!loading && buckets.length === 0 && (
                 <div className="col-12">
-                  <div
-                    className="d-flex justify-content-center align-items-center py-5 w-100"
-                    style={{ marginLeft: "250px" }}
-                  >
-                    No buckets available.
+                  <div className="d-flex justify-content-center align-items-center py-5">
+                    No Buckets Available.
                   </div>
                 </div>
               )}
-
-              {!loading && buckets.length > 0 && sortedBucktesList.length === 0 && (
+              {!loading && sortedBucktesList.length === 0 && (
                 <div className="col-12">
-                  <div
-                    className="d-flex justify-content-center align-items-center py-5 w-100"
-                    style={{ marginLeft: "250px" }}
-                  >
-                    No matching buckets found.
+                  <div className="d-flex justify-content-center align-items-center py-5">
+                    No Matching Bucket Found.
                   </div>
                 </div>
               )}