FIX

components/tables/order-table.tsx

@@ -27,6 +27,7 @@ import {
   ChevronRight,
   ArrowUpDown,
   Truck,
+  MessageCircle
 } from "lucide-react";
 import Link from "next/link";
 import { clientFetch } from '@/lib/client-utils';
@@ -51,6 +52,7 @@ interface Order {
   totalPrice: number;
   orderDate: Date;
   telegramUsername?: string;
+  telegramBuyerId?: string;
 }
 
 type SortableColumns = "orderId" | "totalPrice" | "status" | "orderDate";
@@ -411,11 +413,26 @@ export default function OrderTable() {
                         {order.telegramUsername ? `@${order.telegramUsername}` : "-"}
                       </TableCell>
                       <TableCell className="text-center">
-                        <Button variant="ghost" size="sm" className="mx-auto" asChild>
-                          <Link href={`/dashboard/orders/${order._id}`}>
-                            <Eye className="h-4 w-4" />
-                          </Link>     
-                        </Button>
+                        <div className="flex items-center justify-center gap-1">
+                          <Button variant="ghost" size="sm" asChild>
+                            <Link href={`/dashboard/orders/${order._id}`}>
+                              <Eye className="h-4 w-4" />
+                            </Link>     
+                          </Button>
+                          
+                          {(order.telegramBuyerId || order.telegramUsername) && (
+                            <Button 
+                              variant="ghost" 
+                              size="sm" 
+                              asChild
+                              title={`Chat with customer${order.telegramUsername ? ` @${order.telegramUsername}` : ''}`}
+                            >
+                              <Link href={`/dashboard/chats/new?buyerId=${order.telegramBuyerId || order.telegramUsername}`}>
+                                <MessageCircle className="h-4 w-4 text-primary" />
+                              </Link>
+                            </Button>
+                          )}
+                        </div>
                       </TableCell>
                     </TableRow>
                   );