feat:update all

src/components/page/prescription/MainPrescription/MainPrescription.tsx

@@ -10,8 +10,14 @@ import prescriptionServices, {
   PrescriptionItem,
   PrescriptionResponse,
 } from "@/services/prescriptionServices";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@radix-ui/react-tooltip";
 import { useQuery } from "@tanstack/react-query";
-import { Pencil, Pill, Trash2 } from "lucide-react";
+import { Eye, Pencil, Pill, Trash2 } from "lucide-react";
 import Image from "next/image";
 import Link from "next/link";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
@@ -121,12 +127,24 @@ const MainPrescription = () => {
             {
               title: "MÃ ĐƠN THUỐC",
               render: (item: any) => (
-                <Link
-                  href={`/prescription/${item.id}`}
-                  className="text-blue-500 hover:underline"
-                >
-                  {item.prescriptionCode}
-                </Link>
+                <TooltipProvider>
+                  <Tooltip>
+                    <TooltipTrigger asChild>
+                      <Link
+                        href={`/prescription/${item.id}`}
+                        className="text-blue-500 hover:underline"
+                      >
+                        {item.prescriptionCode}
+                      </Link>
+                    </TooltipTrigger>
+
+                    <TooltipContent>
+                      <p className="p-2 bg-gray-400 border rounded-full">
+                        Chi tiết đơn thuốc
+                      </p>
+                    </TooltipContent>
+                  </Tooltip>
+                </TooltipProvider>
               ),
             },
 
@@ -162,20 +180,20 @@ const MainPrescription = () => {
             },
 
             // ================= ACTION =================
-            // {
-            //   fixedRight: true,
-            //   title: "ACTION",
+            {
+              fixedRight: true,
+              title: "ACTION",
 
-            //   render: (item: any) => (
-            //     <div className="flex items-center gap-2">
-            //       <CustomButton
-            //         size="sm"
-            //         icon={<Pencil className="text-blue-400" />}
-            //         href={`${PATH.PRESCRIPTION}/update?_id=${item?.id}`}
-            //       />
-            //     </div>
-            //   ),
-            // },
+              render: (item: any) => (
+                <div className="flex items-center gap-2">
+                  <CustomButton
+                    size="sm"
+                    icon={<Eye className="text-blue-400" />}
+                    href={`${PATH.PRESCRIPTION}/${item.id}`}
+                  />
+                </div>
+              ),
+            },
           ]}
         />
       </DataWrapper>