From 4ef2e60c30149196cd6345d6f16ab46e578f07b3 Mon Sep 17 00:00:00 2001
From: Dobromir Popov <dobromir.popov@gateway.one>
Date: Tue, 30 Apr 2024 16:14:26 +0300
Subject: [PATCH] cleanup/refactoring

---
 pages/cart/publishers/index.tsx | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/pages/cart/publishers/index.tsx b/pages/cart/publishers/index.tsx
index e0b0c57..37ae3ee 100644
--- a/pages/cart/publishers/index.tsx
+++ b/pages/cart/publishers/index.tsx
@@ -30,7 +30,8 @@ function PublishersPage({ publishers = [] }: IProps) {
   const [showZeroShiftsOnly, setShowZeroShiftsOnly] = useState(false);
   const [isDeleting, setIsDeleting] = useState(false);
 
-  const [isModalOpen, setIsModalOpen] = useState(false);
+  const [isModalOpenDeleteVisible, setIsModalOpenDeleteVisible] = useState(false);
+  const [isModalOpenDeleteAll, setIsModalOpenDeleteAll] = useState(false);
 
   const handleDeleteAllVisible = async () => {
     setIsDeleting(true);
@@ -166,38 +167,40 @@ function PublishersPage({ publishers = [] }: IProps) {
         <div className="">
           <div className="flex items-center justify-center space-x-4 m-4">
             <div className="flex justify-center m-4">
-              <a href="/cart/publishers/new" className="btn"> Добави вестител </a>
+              <a href="/cart/publishers/new" className="btn">Добави вестител</a>
             </div>
 
-            <button className="button m-2 btn btn-danger" onClick={() => setIsModalOpen(true)} disabled={isDeleting} >
+            <button className="button m-2 btn btn-danger" onClick={() => setIsModalOpenDeleteVisible(true)} disabled={isDeleting}>
               {isDeleting ? "Изтриване..." : "Изтрий показаните вестители"}
             </button>
             <ConfirmationModal
-              isOpen={isModalOpen}
-              onClose={() => setIsModalOpen(false)}
+              isOpen={isModalOpenDeleteVisible}
+              onClose={() => setIsModalOpenDeleteVisible(false)}
               onConfirm={handleDeleteAllVisible}
               message="Сигурни ли сте, че искате да изтриете всички показани в момента вестители?"
             />
-            <button className="button m-2 btn btn-danger" onClick={() => setIsModalOpen(true)} disabled={isDeleting} >
+
+            <button className="button m-2 btn btn-danger" onClick={() => setIsModalOpenDeleteAll(true)} disabled={isDeleting}>
               {isDeleting ? "Изтриване..." : "Изтрий ВСИЧКИ предпочитания"}
             </button>
             <ConfirmationModal
-              isOpen={isModalOpen}
-              onClose={() => setIsModalOpen(false)}
+              isOpen={isModalOpenDeleteAll}
+              onClose={() => setIsModalOpenDeleteAll(false)}
               onConfirm={handleDeleteAllAvailabilities}
               message="Сигурни ли сте, че искате да изтриете предпочитанията на ВСИЧКИ вестители?"
             />
+
             <div className="flex justify-center m-4">
-              <a href="/cart/publishers/import" className="btn"> Import publishers </a>
+              <a href="/cart/publishers/import" className="btn">Import publishers</a>
             </div>
           </div>
+
           <div name="filters" className="flex items-center justify-center space-x-4 m-4 sticky top-4 z-10 bg-gray-100 p-2">
             <label htmlFor="filter">Filter:</label>
             <input type="text" id="filter" name="filter" value={filter} onChange={handleFilterChange}
               className="border border-gray-300 rounded-md px-2 py-1"
             />
 
-
             <label htmlFor="zeroShiftsOnly" className="ml-4 inline-flex items-center">
               <input type="checkbox" id="zeroShiftsOnly" checked={showZeroShiftsOnly}
                 onChange={e => setShowZeroShiftsOnly(e.target.checked)}
@@ -207,8 +210,8 @@ function PublishersPage({ publishers = [] }: IProps) {
             </label>
 
             <span id="filter-info" className="ml-4">{publishers.length} от {publishers.length} вестителя</span>
-
           </div>
+
           <div className="grid gap-4 grid-cols-1 md:grid-cols-4 z-0">
             {renderPublishers()}
           </div>