changed icons

src/assets/icons.tsx

@@ -214,7 +214,20 @@ export function GlobeIcon(props: IconProps) {
     </svg>
   );
 }
-
+export function EyeIcon(props: IconProps) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      height="24px"
+      viewBox="0 -960 960 960"
+      width="24px"
+      fill="currentColor"
+      {...props}
+    >
+      <path d="M480-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-72q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm0 192q-146 0-266-81.5T40-500q54-137 174-218.5T480-800q146 0 266 81.5T920-500q-54 137-174 218.5T480-200Zm0-300Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z" />
+    </svg>
+  );
+}
 export function UserSettingIcon(props: IconProps) {
   return (
     <svg
@@ -297,20 +310,7 @@ export function EmailIcon(props: IconProps) {
     </svg>
   );
 }
-export function FeedbackIcon(props: IconProps) {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      height="24px"
-      viewBox="0 -960 960 960"
-      width="24px"
-      fill="currentColor"
-      {...props}
-    >
-      <path d="M480-360q17 0 28.5-11.5T520-400q0-17-11.5-28.5T480-440q-17 0-28.5 11.5T440-400q0 17 11.5 28.5T480-360Zm-40-160h80v-240h-80v240ZM80-80v-720q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240L80-80Zm126-240h594v-480H160v525l46-45Zm-46 0v-480 480Z" />
-    </svg>
-  );
-}
+
 export function PasswordIcon(props: IconProps) {
   return (
     <svg

src/components/Tables/companies/index.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { FeedbackIcon, PencilSquareIcon, TrashIcon } from "@/assets/icons";
+import { ExclamationIcon, PencilSquareIcon, TrashIcon } from "@/assets/icons";
 import ConfirmationModal from "@/components/ui/ConfirmationModal";
 import {
   Table,
@@ -113,11 +113,12 @@ const CompaniesTable = ({}: IProps) => {
                       <PencilSquareIcon />
                     </button>
                     <button
+                      className="text-gray-40 rounded-full bg-gray-dark bg-opacity-5 hover:text-green-dark dark:bg-gray dark:bg-opacity-5"
                       onClick={() => {
                         router.push(`${pathName}/feedback/${company.id}`);
                       }}
                     >
-                      <FeedbackIcon />
+                      <ExclamationIcon />
                     </button>
                   </div>
                 </TableCell>

src/components/Tables/customers/index.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { FeedbackIcon, PencilSquareIcon, TrashIcon } from "@/assets/icons";
+import { ExclamationIcon, PencilSquareIcon, TrashIcon } from "@/assets/icons";
 import ConfirmationModal from "@/components/ui/ConfirmationModal";
 import {
   Table,
@@ -118,11 +118,12 @@ const CustomersTable = () => {
                     <Building />
                   </button>
                   <button
+                    className="text-gray-40 rounded-full bg-gray-dark bg-opacity-5 hover:text-green-dark dark:bg-gray dark:bg-opacity-5"
                     onClick={() => {
                       router.push(`${pathName}/feedback/${customer.id}`);
                     }}
                   >
-                    <FeedbackIcon />
+                    <ExclamationIcon />
                   </button>
                 </div>
               </TableCell>

src/components/Tables/tenders/index.tsx

@@ -11,7 +11,7 @@ import {
 } from "@/components/ui/table";
 import useTenderListPresenter from "./useTenderListPresenter";
 
-import { ExclamationIcon, FeedbackIcon } from "@/assets/icons";
+import { ExclamationIcon, EyeIcon } from "@/assets/icons";
 import Pagination from "@/components/ui/pagination";
 import TableSkeleton from "@/components/ui/TableSkeleton";
 import { cn } from "@/lib/utils";
@@ -70,19 +70,19 @@ const TendersTable = () => {
                   colSpan={100}
                 >
                   <button
-                    className="text-gray-40 rounded-full bg-gray-dark bg-opacity-5 hover:text-green-dark dark:bg-gray dark:bg-opacity-5"
                     onClick={() => {
                       router.push(`${pathName}/${item.id}`);
                     }}
                   >
-                    <ExclamationIcon />
+                    <EyeIcon />
                   </button>
                   <button
+                    className="text-gray-40 rounded-full bg-gray-dark bg-opacity-5 hover:text-green-dark dark:bg-gray dark:bg-opacity-5"
                     onClick={() => {
                       router.push(`${pathName}/feedback/${item.id}`);
                     }}
                   >
-                    <FeedbackIcon />
+                    <ExclamationIcon />
                   </button>
                 </TableCell>
               </TableRow>