From 288f5846c17a515bef71fccd6a24c5bb669fd87c Mon Sep 17 00:00:00 2001
From: JoyBoy <adityasingh1235467890@gmail.com>
Date: Tue, 16 Sep 2025 12:10:14 +0530
Subject: [PATCH] Replacing text actions with icons on domain settings page

---
 .../domains/components/domain-actions.tsx     | 38 ++++++++++++++++---
 1 file changed, 32 insertions(+), 6 deletions(-)

diff --git a/view/app/settings/domains/components/domain-actions.tsx b/view/app/settings/domains/components/domain-actions.tsx
index 74e05197d..f0ca7ec03 100644
--- a/view/app/settings/domains/components/domain-actions.tsx
+++ b/view/app/settings/domains/components/domain-actions.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 import { Button } from '@/components/ui/button';
+import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
+import { Edit, Trash2 } from 'lucide-react';
 import UpdateDomainDialog from './update-domain';
 import { Domain } from '@/redux/types/domain';
 import DeleteDomain from './delete-domain';
@@ -26,14 +28,38 @@ export function DomainActions({ domain }: DomainActionsProps) {
   return (
     <div className="flex justify-end gap-2">
       <ResourceGuard resource="domain" action="update">
-        <Button variant="ghost" className="text-primary p-0 m-0" onClick={handleEdit}>
-          {t('settings.domains.actions.edit')}
-        </Button>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button 
+              variant="ghost" 
+              size="sm"
+              className="h-8 w-8 p-0 text-primary hover:text-primary/80 hover:bg-primary/10" 
+              onClick={handleEdit}
+            >
+              <Edit className="h-4 w-4" />
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>{t('settings.domains.actions.edit')}</p>
+          </TooltipContent>
+        </Tooltip>
       </ResourceGuard>
       <ResourceGuard resource="domain" action="delete">
-        <Button variant="ghost" className="text-red-500 p-0 m-0" onClick={handleDelete}>
-          {t('settings.domains.actions.delete')}
-        </Button>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <Button 
+              variant="ghost" 
+              size="sm"
+              className="h-8 w-8 p-0 text-red-500 hover:text-red-600 hover:bg-red-50" 
+              onClick={handleDelete}
+            >
+              <Trash2 className="h-4 w-4" />
+            </Button>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>{t('settings.domains.actions.delete')}</p>
+          </TooltipContent>
+        </Tooltip>
       </ResourceGuard>
       {isEditModalOpen && (
         <UpdateDomainDialog