From ffcfb6b15c01597d3b6a5815d8b52c179f5fc95a Mon Sep 17 00:00:00 2001
From: Dobromir Popov <dobromir.popov@gateway.one>
Date: Sat, 2 Mar 2024 22:49:11 +0200
Subject: [PATCH] UI changes; availability form prettify

---
 components/availability/AvailabilityForm.js | 12 +++++++-----
 components/location/LocationForm.js         |  2 +-
 components/sidebar.tsx                      |  2 +-
 content/telegram_users.json                 |  4 ++++
 styles/global.css                           |  2 +-
 5 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/components/availability/AvailabilityForm.js b/components/availability/AvailabilityForm.js
index 544f5fb..e94791c 100644
--- a/components/availability/AvailabilityForm.js
+++ b/components/availability/AvailabilityForm.js
@@ -437,9 +437,10 @@ export default function AvailabilityForm({ publisherId, existingItem, inline, on
   }, []);
 
   return (
-    <div style={{ width: isMobile ? '90%' : 'max-w-xs', margin: '0 auto' }} >
+    // <div style={{ width: isMobile ? '90%' : 'max-w-xs', margin: '0 auto' }} >
+    <div className="w-full">
       <ToastContainer></ToastContainer>
-      <form id="formAv" className="form p-5 bg-white shadow-md rounded-lg p-8 pr-12" onSubmit={handleSubmit}>
+      <form id="formAv" className="form p-5 bg-white shadow-md rounded-lg" onSubmit={handleSubmit}>
         <h3 className="text-xl font-semibold mb-5 text-gray-800 border-b pb-2">
           {availability.id ? "Редактирай" : "Нова"} възможност
         </h3>
@@ -508,10 +509,11 @@ export default function AvailabilityForm({ publisherId, existingItem, inline, on
         </div>
         {/* <input type="hidden" name="isactive" value={availability.isactive} /> */}
 
-        <div className="panel-actions">
-          <button className="action-button" onClick={() => handleCompletion()}> Отмени </button>
+        <div className="flex justify-between items-center flex-nowrap w-full p-1">
+          <button className="button border border-blue-500 text-blue-500 bg-transparent hover:text-white focus:outline-none focus:shadow-outline" onClick={() => handleCompletion()}> Отмени </button>
+
           {availability.id && (
-            <><button className="button bg-red-500 hover:bg-red-700 focus:outline-none focus:shadow-outline" type="button" onClick={handleDelete}>
+            <><button className="button btn-outline bg-red-500 hover:bg-red-700 focus:outline-none focus:shadow-outline" type="button" onClick={handleDelete}>
               Изтрий
             </button></>
           )}
diff --git a/components/location/LocationForm.js b/components/location/LocationForm.js
index 9f19d6e..098186a 100644
--- a/components/location/LocationForm.js
+++ b/components/location/LocationForm.js
@@ -256,7 +256,7 @@ export default function LocationForm() {
           </form>
         </div>
         <button className='button' onClick={() => setIsPreviewMode(!isPreviewMode)}>
-          {isPreviewMode ? 'Скрий потребителския изглед' : 'Виж какво ще се покаже на потребителите'}
+          {isPreviewMode ? 'Скрий прегледа' : 'Преглед'}
         </button>
       </ProtectedRoute>
       <ProtectedRoute allowedRoles={[UserRole.USER]} deniedMessage=" " bypass={isPreviewMode}>
diff --git a/components/sidebar.tsx b/components/sidebar.tsx
index a3c0792..b0d4838 100644
--- a/components/sidebar.tsx
+++ b/components/sidebar.tsx
@@ -180,7 +180,7 @@ function UserDetails({ session }) {
         <div className="ml-3 overflow-hidden">
           <p className="mx-1 mt-1 text-sm font-medium text-gray-800 dark:text-gray-200">{session.user.name}</p>
           <p className="mx-1 mt-1 text-sm font-medium text-gray-600 dark:text-gray-400">{session.user.role}</p>
-          <a href="/api/auth/signout" className={styles.button} onClick={(e) => { e.preventDefault(); signOut(); }}>Излезте</a>
+          <a href="/api/auth/signout" className={styles.button} onClick={(e) => { e.preventDefault(); signOut(); }}>Изход</a>
         </div>
       </div>
     </>
diff --git a/content/telegram_users.json b/content/telegram_users.json
index 7b66e08..ba6f826 100644
--- a/content/telegram_users.json
+++ b/content/telegram_users.json
@@ -2,5 +2,9 @@
   {
     "chatId": 777826553,
     "phoneNumber": "+359883351579"
+  },
+  {
+    "chatId": 882873119,
+    "phoneNumber": "359896260509"
   }
 ]
\ No newline at end of file
diff --git a/styles/global.css b/styles/global.css
index 90eb37d..e1e7da7 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -27,7 +27,7 @@ body {
     @apply m-2 text-white font-bold py-2 px-4 rounded bg-blue-500 hover:bg-blue-700;
   }
   .panel-actions {
-    @apply flex justify-end items-center justify-between;
+     @apply flex justify-end items-center justify-between; 
   }
   .action-button {
     @apply inline-block align-baseline font-bold text-blue-500 hover:text-blue-800;