Change names

Author: Pavel Fokin

components/Admin/ListenersList.js

@@ -19,7 +19,7 @@ export default function ListenersList({ listeners }) {
         return (
           <div
             key={listener.id}
-            className={`border shadow bg-white hover:shadow-lg transition-shadow duration-200 mb-3 ${
+            className={`border-2 bg-white dark:bg-gray-800 dark:border-gray-700 hover:shadow-[2px_2px_0px_rgba(0,0,0,1)] transition-shadow duration-200 mb-3 ${
               expandedId === listener.id ? 'ring-2 ring-blue-200' : ''
             }`}
           >
@@ -40,13 +40,13 @@ export default function ListenersList({ listeners }) {
                   )}
                 </div>
                 <div className="text-xs text-gray-500 mt-1 truncate">
-                  <span className="font-medium">Event:</span> {listener.event} &bull; <span className="font-medium">Action:</span> {listener.action}
+                  <span className="font-medium">Event:</span> {listener.event}
                 </div>
                 <div className="text-xs text-gray-400 mt-1 truncate">
                   <span className="font-medium">Connection:</span> {listener.connection?.name || '-'} ({listener.connection?.type || '-'})
                 </div>
               </div>
-              <span className="ml-2 text-gray-400 text-xl flex-shrink-0" aria-hidden>
+              <span className="ml-2 text-black text-2xl flex-shrink-0" aria-hidden>
                 {expandedId === listener.id ? '−' : '+'}
               </span>
             </button>
@@ -57,18 +57,12 @@ export default function ListenersList({ listeners }) {
             >
               {expandedId === listener.id && (
                 <div className="px-3 pb-3 bg-blue-50 text-xs">
-                  <div className="text-gray-700 mb-1">
-                    <b>Listener ID:</b> {listener.id}
-                  </div>
                   <div className="text-gray-700 mb-1">
                     <b>Created:</b> {formatTimestamp(listener.createdAt)}
                   </div>
                   <div className="text-gray-700 mb-1">
                     <b>Updated:</b> {formatTimestamp(listener.updatedAt)}
                   </div>
-                  <div className="text-gray-700 mb-1">
-                    <b>Partner Connection ID:</b> {listener.partnerConnectionID}
-                  </div>
                   <div className="text-gray-700 mb-1 break-all">
                     <b>Connection Webhook:</b>{' '}
                     <a

components/Tabs/AdminTabs.js

@@ -10,7 +10,7 @@ export default function AdminTabs({ name, tab }) {
     { value: 'subscriptions', label: 'Subscriptions' },
     { value: 'pro', label: 'My addresses' },
     { value: 'api', label: 'API' },
-    { value: 'integrations', label: 'Integrations' },
+    { value: 'notifications', label: 'Notifications' },
     //{ value: "bots", label: "Bots" },
   ]
 
@@ -42,8 +42,8 @@ export default function AdminTabs({ name, tab }) {
       router.push('/admin/pro')
     } else if (tab === 'watchlist') {
       router.push('/admin/watchlist')
-    } else if (tab === 'integrations') {
-      router.push('/admin/integrations')
+    } else if (tab === 'notifications') {
+      router.push('/admin/notifications')
     }
   }
 

pages/admin/integrations/index.js renamed to pages/admin/notifications/index.js

@@ -30,8 +30,8 @@ export default function Integrations() {
 
     return (
         <main className="page-admin content-center">
-            <h1 className="center">Integrations</h1>
-            <AdminTabs name="mainTabs" tab="integrations" />
+            <h1 className="center">Notifications</h1>
+            <AdminTabs name="mainTabs" tab="notifications" />
             <ListenersList listeners={listeners} />
         </main>
     )