From a0e89779635156317f16a42fe81153f18ce167ce Mon Sep 17 00:00:00 2001
From: Pier Francesco Ferrari <pierfrancesco@commercelayer.io>
Date: Wed, 24 Apr 2024 10:44:04 +0200
Subject: [PATCH] feat: update actions

---
 packages/app/src/pages/WebhookDetails.tsx | 6 ++++++
 packages/app/src/pages/WebhooksList.tsx   | 9 +++++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/pages/WebhookDetails.tsx b/packages/app/src/pages/WebhookDetails.tsx
index edb702f..34667d9 100644
--- a/packages/app/src/pages/WebhookDetails.tsx
+++ b/packages/app/src/pages/WebhookDetails.tsx
@@ -10,6 +10,7 @@ import {
   DropdownDivider,
   DropdownItem,
   EmptyState,
+  Icon,
   PageLayout,
   PageSkeleton,
   Spacer,
@@ -80,6 +81,11 @@ export const WebhookDetails: FC = () => {
 
   const contextMenu = (
     <Dropdown
+      dropdownLabel={
+        <Button variant='secondary' size='small'>
+          <Icon name='dotsThree' size={16} weight='bold' />
+        </Button>
+      }
       dropdownItems={
         <>
           {contextMenuEdit}
diff --git a/packages/app/src/pages/WebhooksList.tsx b/packages/app/src/pages/WebhooksList.tsx
index c2ffb46..025310e 100755
--- a/packages/app/src/pages/WebhooksList.tsx
+++ b/packages/app/src/pages/WebhooksList.tsx
@@ -48,9 +48,14 @@ export const WebhooksList: FC = () => {
         actionButton={
           canUser('create', 'webhooks') ? (
             <Link href={appRoutes.newWebhook.makePath({})}>
-              <Button variant='secondary' size='mini' alignItems='center'>
+              <Button
+                variant='secondary'
+                size='mini'
+                alignItems='center'
+                aria-label='Add webhook'
+              >
                 <Icon name='plus' size={16} />
-                New
+                Webhook
               </Button>
             </Link>
           ) : undefined