From 0f11dd0019c7bda7de70a8243a2e5dc8f7cc48da Mon Sep 17 00:00:00 2001
From: YasinShaikh123 <123150391+YasinShaikh123@users.noreply.github.com>
Date: Wed, 12 Feb 2025 20:03:47 +0530
Subject: [PATCH] [ update action  ]

---
 src/Pages/ManageCMS/FAQ/EditDetails.tsx       | 11 ++--
 src/Pages/ManageGroups/EditDetailGroup.tsx    |  4 +-
 src/Pages/ManageGroups/ViewManageGroup.tsx    |  4 +-
 src/Pages/ManageJobs/ManageJobsAdd.tsx        |  3 +-
 src/Pages/ManageJobs/ViewManageJob.tsx        |  3 +-
 src/Pages/ManagePost/ManagePost.tsx           |  4 +-
 src/Pages/ManagePost/ViewDailog.tsx           |  4 +-
 .../RegisterUsers/EditRegisterUsers.tsx       | 62 ++++++++++++++-----
 .../RegisterUsers/RegisterUsers.tsx           |  4 +-
 .../RegisterUsers/ViewRegisterUsers.tsx       | 61 +++++-------------
 .../AgencyMaster/EditAgencyMaster.tsx         |  4 +-
 .../AgencyMaster/ViewAgencyMaster.tsx         |  4 +-
 .../MasterModule/Country/EditCountryModel.tsx |  4 +-
 .../JobStatus/EditJobStatusModel.tsx          |  4 +-
 .../MasterModule/JobType/EditJobModel.tsx     |  4 +-
 .../TemplateMaster/EditTemplateModel.tsx      |  3 +-
 .../WorkspaceMode/EditWorkModel.tsx           |  3 +-
 src/Pages/SubAdmin/ViewSubAdmin.tsx           |  3 +-
 src/components/AlertDailog.tsx                | 30 ++++-----
 src/components/EditSubAdmin.tsx               |  4 +-
 src/components/ui/tooltip.tsx                 |  2 +-
 21 files changed, 119 insertions(+), 106 deletions(-)

diff --git a/src/Pages/ManageCMS/FAQ/EditDetails.tsx b/src/Pages/ManageCMS/FAQ/EditDetails.tsx
index d088351..32afea1 100644
--- a/src/Pages/ManageCMS/FAQ/EditDetails.tsx
+++ b/src/Pages/ManageCMS/FAQ/EditDetails.tsx
@@ -9,13 +9,13 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../../components/ui/dialog";
-import { Field, Input, Stack, Textarea } from "@chakra-ui/react";
+import { Field, Input, Span, Stack, Textarea } from "@chakra-ui/react";
 import Edit from "../../../components/ActionIcons/Edit";
 function EditDetails() {
   return (
     <DialogRoot placement="center">
       <DialogTrigger asChild>
-        <Edit />
+        <Span><Edit /></Span>
       </DialogTrigger>
 
       <DialogContent
@@ -56,10 +56,11 @@ function EditDetails() {
                 bgColor="#EEEEEE"
                 color="black"
                 border="none"
-                pl={1}
+                p={2}
                 fontSize="12px"
-                height="30px"
-                pt={1.5}
+                height="120px"
+                resize={'none'}
+                _focusVisible={{outline:'none'}}
               />
             </Field.Root>
           </Stack>
diff --git a/src/Pages/ManageGroups/EditDetailGroup.tsx b/src/Pages/ManageGroups/EditDetailGroup.tsx
index a829600..d6871b1 100644
--- a/src/Pages/ManageGroups/EditDetailGroup.tsx
+++ b/src/Pages/ManageGroups/EditDetailGroup.tsx
@@ -9,7 +9,7 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
-import { Avatar, Box, Field, Heading, Input, Stack } from "@chakra-ui/react";
+import { Avatar, Box, Field, Heading, Input, Span, Stack } from "@chakra-ui/react";
 import { Switch } from "../../components/ui/switch";
 import { AvatarGroup } from "../../components/ui/avatar";
 import Edit from "../../components/ActionIcons/Edit";
@@ -17,7 +17,7 @@ function EditDetailGroups() {
   return (
     <DialogRoot placement="center">
       <DialogTrigger asChild>
-        <Edit />
+        <Span><Edit /></Span>
       </DialogTrigger>
 
       <DialogContent
diff --git a/src/Pages/ManageGroups/ViewManageGroup.tsx b/src/Pages/ManageGroups/ViewManageGroup.tsx
index cc02725..6dd3178 100644
--- a/src/Pages/ManageGroups/ViewManageGroup.tsx
+++ b/src/Pages/ManageGroups/ViewManageGroup.tsx
@@ -7,7 +7,7 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../components/ui/dialog";
-import { Avatar, Box, Field, Heading, Input, Stack } from "@chakra-ui/react";
+import { Avatar, Box, Field, Heading, Input, Span, Stack } from "@chakra-ui/react";
 import { Switch } from "../../components/ui/switch";
 import { AvatarGroup } from "../../components/ui/avatar";
 import View from "../../components/ActionIcons/View";
@@ -15,7 +15,7 @@ function ViewManageGroup() {
   return (
     <DialogRoot placement="center">
       <DialogTrigger asChild>
-        <View />
+        <Span><View /></Span>
       </DialogTrigger>
 
       <DialogContent
diff --git a/src/Pages/ManageJobs/ManageJobsAdd.tsx b/src/Pages/ManageJobs/ManageJobsAdd.tsx
index 46a7454..dd47d2c 100644
--- a/src/Pages/ManageJobs/ManageJobsAdd.tsx
+++ b/src/Pages/ManageJobs/ManageJobsAdd.tsx
@@ -3,6 +3,7 @@ import {
   Icon,
   Input,
   SelectValueText,
+  Span,
   Stack,
   createListCollection,
 } from "@chakra-ui/react";
@@ -40,7 +41,7 @@ function ManageJobsAdd() {
   return (
     <DialogRoot placement="center">
       <DialogTrigger asChild>
-        <Edit />
+        <Span><Edit /></Span>
       </DialogTrigger>
 
       <DialogContent
diff --git a/src/Pages/ManageJobs/ViewManageJob.tsx b/src/Pages/ManageJobs/ViewManageJob.tsx
index 460a8f9..22fd6f6 100644
--- a/src/Pages/ManageJobs/ViewManageJob.tsx
+++ b/src/Pages/ManageJobs/ViewManageJob.tsx
@@ -3,6 +3,7 @@ import {
   Icon,
   Input,
   SelectValueText,
+  Span,
   Stack,
   createListCollection,
 } from "@chakra-ui/react";
@@ -40,7 +41,7 @@ function ViewManageJob() {
   return (
     <DialogRoot placement="center">
       <DialogTrigger asChild>
-        <View />
+        <Span><View /></Span>
       </DialogTrigger>
 
       <DialogContent
diff --git a/src/Pages/ManagePost/ManagePost.tsx b/src/Pages/ManagePost/ManagePost.tsx
index 67c1264..4c758f7 100644
--- a/src/Pages/ManagePost/ManagePost.tsx
+++ b/src/Pages/ManagePost/ManagePost.tsx
@@ -1,4 +1,4 @@
-import { Box, HStack, Image, Input, Text } from "@chakra-ui/react";
+import { Box, HStack, Image, Input, Span, Text } from "@chakra-ui/react";
 import MainFrame from "../../components/MainFrame";
 import { InputGroup } from "../../components/ui/input-group";
 import { LuSearch } from "react-icons/lu";
@@ -47,7 +47,7 @@ const managepost: any[] = [
       <HStack justifyContent="center">
         <ViewDailog />
         <AlertDailog
-          AltertTiggerIcon={() => <Delete />} 
+          AltertTiggerIcon={() => <Span><Delete /> </Span>} 
           alertText="Delete Users"
           alertIcon={<Image src={"DeleteIcon"} h={"39px"} />}
           alertCaption="are you sure you want to delete ?"
diff --git a/src/Pages/ManagePost/ViewDailog.tsx b/src/Pages/ManagePost/ViewDailog.tsx
index 4efcbff..d8600a9 100644
--- a/src/Pages/ManagePost/ViewDailog.tsx
+++ b/src/Pages/ManagePost/ViewDailog.tsx
@@ -1,4 +1,4 @@
-import { Field, Icon, Image, Input, Stack } from "@chakra-ui/react"
+import { Field, Icon, Image, Input, Span, Stack } from "@chakra-ui/react"
 import { TbEdit } from "react-icons/tb"
 import img from "../../assets/waterfall.jpg"
 import { DialogBody, DialogCloseTrigger, DialogContent, DialogHeader, DialogRoot, DialogTitle, DialogTrigger } from "../../components/ui/dialog"
@@ -9,7 +9,7 @@ function ViewDailog() {
 
         <DialogRoot placement="center">
             <DialogTrigger asChild>
-                <Edit />
+                <Span><Edit /></Span>
             </DialogTrigger>
 
             <DialogContent
diff --git a/src/Pages/ManageUsers/RegisterUsers/EditRegisterUsers.tsx b/src/Pages/ManageUsers/RegisterUsers/EditRegisterUsers.tsx
index 56462c9..037c13b 100644
--- a/src/Pages/ManageUsers/RegisterUsers/EditRegisterUsers.tsx
+++ b/src/Pages/ManageUsers/RegisterUsers/EditRegisterUsers.tsx
@@ -1,5 +1,5 @@
 import { MdOutlineRemoveRedEye } from "react-icons/md";
-import { Field, Icon, Input, Stack } from "@chakra-ui/react";
+import { Field, Icon, Input, Span, Stack } from "@chakra-ui/react";
 import {
   DialogActionTrigger,
   DialogBody,
@@ -20,17 +20,19 @@ function EditRegisterUsers() {
   return (
     <DialogRoot placement="center">
       <DialogTrigger asChild>
-            <Edit/>
+        <Span>
+          <Edit />
+        </Span>
       </DialogTrigger>
 
       <DialogContent
         bg={"#fff"}
-        w={{ base: '90%', md: '400px' }}
-        height={'80vh'}
-        overflow={'scroll'}
-        overflowX="hidden" 
+        w={{ base: "90%", md: "400px" }}
+        height={"80vh"}
+        overflow={"scroll"}
+        overflowX="hidden"
         p={3} // Reduced padding
-        bgSize={'md'}
+        bgSize={"md"}
       >
         <DialogHeader bg="white" p={0}>
           <DialogTitle alignSelf="center" color="black" fontSize="14px">
@@ -45,49 +47,81 @@ function EditRegisterUsers() {
                 First Name
               </Field.Label>
               <Input
-                 bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px"
+                bgColor="#EEEEEE"
+                color="black"
+                border="none"
+                pl={1}
+                fontSize="12px"
+                height="30px"
               />
 
               <Field.Label color="black" pt={1} fontSize="12px">
                 Last Name
               </Field.Label>
               <Input
-                 bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px"
+                bgColor="#EEEEEE"
+                color="black"
+                border="none"
+                pl={1}
+                fontSize="12px"
+                height="30px"
               />
 
               <Field.Label color="black" pt={1} fontSize="12px">
                 Gender
               </Field.Label>
               <Input
-                 bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px"
+                bgColor="#EEEEEE"
+                color="black"
+                border="none"
+                pl={1}
+                fontSize="12px"
+                height="30px"
               />
 
               <Field.Label color="black" pt={1} fontSize="12px">
                 DOB
               </Field.Label>
               <Input
-                 bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px"
+                bgColor="#EEEEEE"
+                color="black"
+                border="none"
+                pl={1}
+                fontSize="12px"
+                height="30px"
               />
 
               <Field.Label color="black" pt={1} fontSize="12px">
                 OTP Verified
               </Field.Label>
               <Input
-                 bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px"
+                bgColor="#EEEEEE"
+                color="black"
+                border="none"
+                pl={1}
+                fontSize="12px"
+                height="30px"
               />
 
               <Field.Label color="black" pt={1} fontSize="12px">
                 Language
               </Field.Label>
               <Input
-                 bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px"
+                bgColor="#EEEEEE"
+                color="black"
+                border="none"
+                pl={1}
+                fontSize="12px"
+                height="30px"
               />
             </Field.Root>
           </Stack>
         </DialogBody>
         <DialogFooter mt={5}>
           <DialogActionTrigger asChild>
-            <Button rounded={'md'} w={"100%"} size={'sm'} bg={'#02A0A0'}>Save</Button>
+            <Button rounded={"md"} w={"100%"} size={"sm"} bg={"#02A0A0"}>
+              Save
+            </Button>
           </DialogActionTrigger>
         </DialogFooter>
         <DialogCloseTrigger color="black" />
diff --git a/src/Pages/ManageUsers/RegisterUsers/RegisterUsers.tsx b/src/Pages/ManageUsers/RegisterUsers/RegisterUsers.tsx
index 48e568a..134b071 100644
--- a/src/Pages/ManageUsers/RegisterUsers/RegisterUsers.tsx
+++ b/src/Pages/ManageUsers/RegisterUsers/RegisterUsers.tsx
@@ -1,4 +1,4 @@
-import { Box, HStack, Image, Input, Text } from "@chakra-ui/react";
+import { Box, HStack, Image, Input, Span, Text } from "@chakra-ui/react";
 import MainFrame from "../../../components/MainFrame";
 import AlertDailog from "../../../components/AlertDailog";
 import { RiDeleteBin5Line } from "react-icons/ri";
@@ -43,7 +43,7 @@ const registerUser: any[] = [
         <EditRegisterUsers />
         {/* <RiDeleteBin5Line style={{ cursor: "pointer" }} /> */}
         <AlertDailog
-          AltertTiggerIcon={() => <Delete />} // Pass as function
+          AltertTiggerIcon={() =><Delete /> } // Pass as function
           alertText="Delete Users"
           alertIcon={<Image src={"DeleteIcon"} h={"39px"} />}
           alertCaption="Are You Sure You Want To Delete This User ?"
diff --git a/src/Pages/ManageUsers/RegisterUsers/ViewRegisterUsers.tsx b/src/Pages/ManageUsers/RegisterUsers/ViewRegisterUsers.tsx
index 66ab01c..a5d67fe 100644
--- a/src/Pages/ManageUsers/RegisterUsers/ViewRegisterUsers.tsx
+++ b/src/Pages/ManageUsers/RegisterUsers/ViewRegisterUsers.tsx
@@ -1,5 +1,5 @@
 import { MdOutlineRemoveRedEye } from "react-icons/md";
-import { Field, Icon, Input, Stack } from "@chakra-ui/react";
+import { Field, Icon, Input, Span, Stack, Text } from "@chakra-ui/react";
 import {
   DialogBody,
   DialogCloseTrigger,
@@ -10,22 +10,23 @@ import {
   DialogTrigger,
 } from "../../../components/ui/dialog";
 import View from "../../../components/ActionIcons/View";
+import { Button } from "../../../components/ui/button";
 
 function ViewRegisterUsers() {
   return (
     <DialogRoot placement="center">
       <DialogTrigger asChild>
-        <View />
+        <Span><View /></Span>
       </DialogTrigger>
 
       <DialogContent
-        bg={"#fff"}
-        w={{ base: "90%", md: "400px" }}
-        height={"80vh"}
-        overflow={"scroll"}
-        overflowX="hidden"
-        p={3} // Reduced padding
-        bgSize={"md"}
+         bg={"#fff"}
+         w={{ base: '90%', md: '400px' }}
+         height={'80vh'}
+         overflow={'scroll'}
+         overflowX="hidden" 
+         p={3} // Reduced padding
+         bgSize={'md'}
       >
         <DialogHeader bg="white">
           <DialogTitle alignSelf="center" color="black" fontSize="14px">
@@ -40,72 +41,42 @@ function ViewRegisterUsers() {
                 First Name
               </Field.Label>
               <Input
-                bgColor="#EEEEEE"
-                color="black"
-                border="none"
-                pl={1}
-                fontSize="12px"
-                height="30px"
+                bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px"
               />
 
               <Field.Label color="black" pt={1} fontSize="12px">
                 Last Name
               </Field.Label>
               <Input
-                bgColor="#EEEEEE"
-                color="black"
-                border="none"
-                pl={1}
-                fontSize="12px"
-                height="30px"
+                bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px"
               />
 
               <Field.Label color="black" pt={1} fontSize="12px">
                 Gender
               </Field.Label>
               <Input
-                bgColor="#EEEEEE"
-                color="black"
-                border="none"
-                pl={1}
-                fontSize="12px"
-                height="30px"
+                bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px"
               />
 
               <Field.Label color="black" pt={1} fontSize="12px">
                 DOB
               </Field.Label>
               <Input
-                bgColor="#EEEEEE"
-                color="black"
-                border="none"
-                pl={1}
-                fontSize="12px"
-                height="30px"
+                bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px"
               />
 
               <Field.Label color="black" pt={1} fontSize="12px">
                 OTP Verified
               </Field.Label>
               <Input
-                bgColor="#EEEEEE"
-                color="black"
-                border="none"
-                pl={1}
-                fontSize="12px"
-                height="30px"
+                bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px"
               />
 
               <Field.Label color="black" pt={1} fontSize="12px">
                 Language
               </Field.Label>
               <Input
-                bgColor="#EEEEEE"
-                color="black"
-                border="none"
-                pl={1}
-                fontSize="12px"
-                height="30px"
+                bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px"
               />
             </Field.Root>
           </Stack>
diff --git a/src/Pages/MasterModule/AgencyMaster/EditAgencyMaster.tsx b/src/Pages/MasterModule/AgencyMaster/EditAgencyMaster.tsx
index ea011b8..828f053 100644
--- a/src/Pages/MasterModule/AgencyMaster/EditAgencyMaster.tsx
+++ b/src/Pages/MasterModule/AgencyMaster/EditAgencyMaster.tsx
@@ -9,14 +9,14 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../../components/ui/dialog";
-import { Field, Icon, Input, Stack } from "@chakra-ui/react";
+import { Field, Icon, Input, Span, Stack } from "@chakra-ui/react";
 import Edit from "../../../components/ActionIcons/Edit";
 
 function EditAgencyMaster() {
   return (
     <DialogRoot placement="center">
       <DialogTrigger asChild>
-        <Edit />
+        <Span><Edit /></Span>
       </DialogTrigger>
 
       <DialogContent
diff --git a/src/Pages/MasterModule/AgencyMaster/ViewAgencyMaster.tsx b/src/Pages/MasterModule/AgencyMaster/ViewAgencyMaster.tsx
index ea581eb..ffc3560 100644
--- a/src/Pages/MasterModule/AgencyMaster/ViewAgencyMaster.tsx
+++ b/src/Pages/MasterModule/AgencyMaster/ViewAgencyMaster.tsx
@@ -8,7 +8,7 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../../components/ui/dialog";
-import { Field, Icon, Input, Stack } from "@chakra-ui/react";
+import { Field, Icon, Input, Span, Stack } from "@chakra-ui/react";
 import { MdOutlineRemoveRedEye } from "react-icons/md";
 import { Button } from "../../../components/ui/button";
 import View from "../../../components/ActionIcons/View";
@@ -17,7 +17,7 @@ function ViewAgencyMaster() {
   return (
     <DialogRoot placement="center">
       <DialogTrigger asChild>
-        <View />
+        <Span><View /></Span>
       </DialogTrigger>
 
       <DialogContent
diff --git a/src/Pages/MasterModule/Country/EditCountryModel.tsx b/src/Pages/MasterModule/Country/EditCountryModel.tsx
index 6b88c1b..422c9e8 100644
--- a/src/Pages/MasterModule/Country/EditCountryModel.tsx
+++ b/src/Pages/MasterModule/Country/EditCountryModel.tsx
@@ -8,7 +8,7 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../../components/ui/dialog";
-import { Field, Input, Stack } from "@chakra-ui/react";
+import { Field, Input, Span, Stack } from "@chakra-ui/react";
 import { Button } from "../../../components/ui/button";
 import Edit from "../../../components/ActionIcons/Edit";
 
@@ -16,7 +16,7 @@ function EditCountryModel() {
   return (
     <DialogRoot placement="center">
       <DialogTrigger asChild>
-        <Edit />
+        <Span><Edit /></Span>
       </DialogTrigger>
 
       <DialogContent
diff --git a/src/Pages/MasterModule/JobStatus/EditJobStatusModel.tsx b/src/Pages/MasterModule/JobStatus/EditJobStatusModel.tsx
index c40632a..f0a5099 100644
--- a/src/Pages/MasterModule/JobStatus/EditJobStatusModel.tsx
+++ b/src/Pages/MasterModule/JobStatus/EditJobStatusModel.tsx
@@ -1,5 +1,5 @@
 import { DialogBody, DialogCloseTrigger, DialogContent, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger } from "../../../components/ui/dialog"
-import { Box, Field, IconButton, Input, Stack, Text, Textarea } from "@chakra-ui/react"
+import { Box, Field, IconButton, Input, Span, Stack, Text, Textarea } from "@chakra-ui/react"
 import { Button } from "../../../components/ui/button"
 import { FaRegEdit } from "react-icons/fa";
 import Edit from "../../../components/ActionIcons/Edit";
@@ -13,7 +13,7 @@ function EditJobStatusModel() {
 
         <DialogRoot placement="center">
             <DialogTrigger asChild>
-               <Edit />
+               <Span><Edit /></Span>
             </DialogTrigger>
 
             <DialogContent
diff --git a/src/Pages/MasterModule/JobType/EditJobModel.tsx b/src/Pages/MasterModule/JobType/EditJobModel.tsx
index 1684f80..a498485 100644
--- a/src/Pages/MasterModule/JobType/EditJobModel.tsx
+++ b/src/Pages/MasterModule/JobType/EditJobModel.tsx
@@ -8,7 +8,7 @@ import {
   DialogTitle,
   DialogTrigger,
 } from "../../../components/ui/dialog";
-import { Field, Input, Stack } from "@chakra-ui/react";
+import { Field, Input, Span, Stack } from "@chakra-ui/react";
 import { Button } from "../../../components/ui/button";
 import Edit from "../../../components/ActionIcons/Edit";
 
@@ -16,7 +16,7 @@ function EditJobeModel() {
   return (
     <DialogRoot placement="center">
       <DialogTrigger asChild>
-        <Edit />
+        <Span><Edit /></Span>
       </DialogTrigger>
 
       <DialogContent
diff --git a/src/Pages/MasterModule/TemplateMaster/EditTemplateModel.tsx b/src/Pages/MasterModule/TemplateMaster/EditTemplateModel.tsx
index 8619281..4544722 100644
--- a/src/Pages/MasterModule/TemplateMaster/EditTemplateModel.tsx
+++ b/src/Pages/MasterModule/TemplateMaster/EditTemplateModel.tsx
@@ -13,6 +13,7 @@ import {
   Field,
   IconButton,
   Input,
+  Span,
   Stack,
   Text,
   Textarea,
@@ -41,7 +42,7 @@ function EditTemplateModel() {
   return (
     <DialogRoot placement="center">
       <DialogTrigger asChild>
-        <Edit />
+        <Span><Edit /></Span>
       </DialogTrigger>
 
       <DialogContent
diff --git a/src/Pages/MasterModule/WorkspaceMode/EditWorkModel.tsx b/src/Pages/MasterModule/WorkspaceMode/EditWorkModel.tsx
index 325801a..c5c20ac 100644
--- a/src/Pages/MasterModule/WorkspaceMode/EditWorkModel.tsx
+++ b/src/Pages/MasterModule/WorkspaceMode/EditWorkModel.tsx
@@ -13,6 +13,7 @@ import {
   Field,
   IconButton,
   Input,
+  Span,
   Stack,
   Text,
   Textarea,
@@ -25,7 +26,7 @@ function EditWorkModel() {
   return (
     <DialogRoot placement="center">
       <DialogTrigger asChild>
-        <Edit />
+        <Span><Edit /></Span>
       </DialogTrigger>
 
       <DialogContent
diff --git a/src/Pages/SubAdmin/ViewSubAdmin.tsx b/src/Pages/SubAdmin/ViewSubAdmin.tsx
index 6eac072..0910d95 100644
--- a/src/Pages/SubAdmin/ViewSubAdmin.tsx
+++ b/src/Pages/SubAdmin/ViewSubAdmin.tsx
@@ -15,6 +15,7 @@ import {
   Heading,
   Icon,
   Input,
+  Span,
   Stack,
   Text,
 } from "@chakra-ui/react";
@@ -26,7 +27,7 @@ function ViewSubAdmin() {
   return (
     <DialogRoot placement="center">
       <DialogTrigger asChild>
-        <View />
+        <Span><View /></Span>
       </DialogTrigger>
 
       <DialogContent
diff --git a/src/components/AlertDailog.tsx b/src/components/AlertDailog.tsx
index afbad58..40e121b 100644
--- a/src/components/AlertDailog.tsx
+++ b/src/components/AlertDailog.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-import { DialogBody, HStack, Icon, Image, Text } from "@chakra-ui/react";
+import { DialogBody, HStack, Icon, Image, Span, Text } from "@chakra-ui/react";
 import { Button } from "./ui/button";
 import {
   DialogActionTrigger,
@@ -9,7 +9,7 @@ import {
   DialogRoot,
   DialogTrigger,
 } from "./ui/dialog";
-import DeleteICN from '../assets/deleteIcon.png'
+import DeleteICN from "../assets/deleteIcon.png";
 
 interface DeleteConfirmationDialogProps {
   onConfirm?: () => void;
@@ -40,16 +40,18 @@ const AlertDailog: React.FC<DeleteConfirmationDialogProps> = ({
         {button ? (
           button
         ) : (
-          <Icon
-            cursor={"pointer"}
-            p={0.5}
-            _hover={{ bg: "#00000015" }}
-            rounded={"md"}
-            boxSize={5}
-            color={iconColor && iconColor}
-          >
-            <AltertTiggerIcon />
-          </Icon>
+          <Span>
+            <Icon
+              cursor={"pointer"}
+              p={0.5}
+              _hover={{ bg: "#00000015" }}
+              rounded={"md"}
+              boxSize={5}
+              color={iconColor && iconColor}
+            >
+              <AltertTiggerIcon />
+            </Icon>
+          </Span>
         )}
       </DialogTrigger>
       <DialogContent bgColor="#fff">
@@ -66,7 +68,7 @@ const AlertDailog: React.FC<DeleteConfirmationDialogProps> = ({
           gap={2}
         >
           {/* {alertIcon && alertIcon} */}
-          <Image  w={'40px'} src={DeleteICN} />
+          <Image w={"40px"} src={DeleteICN} />
           <Text
             mt={3}
             fontWeight={600}
@@ -103,7 +105,7 @@ const AlertDailog: React.FC<DeleteConfirmationDialogProps> = ({
               borderRadius="sm"
               width="50%"
               // bgColor="#007F33"
-              bgColor={'#02A0A0'}
+              bgColor={"#02A0A0"}
               color="white"
               // colorPalette="#007F33"
               onClick={onConfirm}
diff --git a/src/components/EditSubAdmin.tsx b/src/components/EditSubAdmin.tsx
index faf8978..838b18e 100644
--- a/src/components/EditSubAdmin.tsx
+++ b/src/components/EditSubAdmin.tsx
@@ -1,4 +1,4 @@
-import { Field, Grid, Heading, Icon, Input, Stack, Text } from "@chakra-ui/react";
+import { Field, Grid, Heading, Icon, Input, Span, Stack, Text } from "@chakra-ui/react";
 import { TbEdit } from "react-icons/tb";
 import { Button } from "./ui/button";
 import { Checkbox } from "./ui/checkbox";
@@ -19,7 +19,7 @@ function EditSubAdmin() {
       <DialogTrigger asChild>
           {/* <FaRegEdit style={{ cursor: "pointer" }} color="#000" /> */}
 
-          <Edit />
+          <Span><Edit /></Span>
         {/* <Button><FaRegEdit /></Button> */}
       </DialogTrigger>
 
diff --git a/src/components/ui/tooltip.tsx b/src/components/ui/tooltip.tsx
index 644c37c..d2ed6bd 100644
--- a/src/components/ui/tooltip.tsx
+++ b/src/components/ui/tooltip.tsx
@@ -29,7 +29,7 @@ export const Tooltip = React.forwardRef<HTMLDivElement, TooltipProps>(
       <ChakraTooltip.Root {...rest}>
         <ChakraTooltip.Trigger asChild>{children}</ChakraTooltip.Trigger>
         <Portal disabled={!portalled} container={portalRef}>
-          <ChakraTooltip.Positioner>
+          <ChakraTooltip.Positioner>  
             <ChakraTooltip.Content ref={ref} {...contentProps}>
               {showArrow && (
                 <ChakraTooltip.Arrow>