Fix sorting of order table, and keepOnline to thefront

components/KeepOnline.ts

@@ -0,0 +1,24 @@
+"use client";
+
+import { useEffect } from "react";
+import { clientFetch } from "@/lib/client-utils";
+
+const KeepOnline = () => { 
+  useEffect(() => {
+    if(window.location.pathname.includes("/dashboard")){
+        const updateOnlineStatus = () => {
+            console.log("Updating online status...");
+            clientFetch("/auth/me");
+        }
+    
+        updateOnlineStatus();
+        const interval = setInterval(updateOnlineStatus, 1000*60*1);
+        
+        return () => clearInterval(interval);
+    }
+  }, []);
+  
+  return null;
+}
+
+export default KeepOnline;

components/tables/order-table.tsx

@@ -37,11 +37,11 @@ interface Order {
   orderId: string;
   status: string;
   totalPrice: number;
-  createdAt: string;
+  orderDate: Date;
   telegramUsername?: string;
 }
 
-type SortableColumns = "orderId" | "totalPrice" | "status" | "createdAt";
+type SortableColumns = "orderId" | "totalPrice" | "status" | "orderDate";
 
 interface StatusConfig {
   icon: React.ElementType;
@@ -59,7 +59,7 @@ export default function OrderTable() {
   const [sortConfig, setSortConfig] = useState<{
     column: SortableColumns;
     direction: "asc" | "desc";
-  }>({ column: "createdAt", direction: "desc" });
+  }>({ column: "orderDate", direction: "desc" });
   const [selectedOrders, setSelectedOrders] = useState<Set<string>>(new Set());
   const ITEMS_PER_PAGE = 10;
 
@@ -213,7 +213,7 @@ export default function OrderTable() {
             <TableHead className="cursor-pointer" onClick={() => handleSort("status")}>
               Status <ArrowUpDown className="ml-2 inline h-4 w-4" />
             </TableHead>
-            <TableHead className="cursor-pointer" onClick={() => handleSort("createdAt")}>
+            <TableHead className="cursor-pointer" onClick={() => handleSort("orderDate")}>
               Date <ArrowUpDown className="ml-2 inline h-4 w-4" />
             </TableHead>
             <TableHead>Buyer</TableHead>
@@ -255,7 +255,7 @@ export default function OrderTable() {
                     </div>
                   </TableCell>
                   <TableCell>
-                    {new Date(order.createdAt).toLocaleDateString("en-GB")}
+                    {new Date(order.orderDate).toLocaleDateString("en-GB")}
                   </TableCell>
                   <TableCell>
                     {order.telegramUsername ? `@${order.telegramUsername}` : "-"}