connected api with profile, order

features/orders/components/orders-content.tsx

@@ -0,0 +1,46 @@
+"use client"
+
+import { useState } from "react"
+
+// ... existing types and code ...
+
+interface OrdersContentProps {
+  locale: string
+}
+
+export default function OrdersPageContent({ locale }: OrdersContentProps) {
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false)
+  const [selectedOrderId, setSelectedOrderId] = useState<number | null>(null)
+  const [activeTab, setActiveTab] = useState<"active" | "completed">("active")
+
+  const t = {
+    orders: "Заказы",
+    active: "Активные",
+    completed: "Завершенные",
+    cancelOrder: "Отменить заказ",
+    areYouSure: "Вы уверены?",
+    yes: "Да",
+    no: "Нет",
+    orderNumber: "№",
+  }
+
+  const handleCancelOrder = (orderId: number) => {
+    setSelectedOrderId(orderId)
+    setIsDeleteModalOpen(true)
+  }
+
+  const confirmCancelOrder = async () => {
+    if (selectedOrderId) {
+      console.log("Canceling order:", selectedOrderId)
+      setIsDeleteModalOpen(false)
+      setSelectedOrderId(null)
+    }
+  }
+
+  return (
+    <div className="container mx-auto px-4 py-8 min-h-screen">
+      <h1 className="text-3xl font-bold mb-6">{t.orders}</h1>
+      {/* Orders content */}
+    </div>
+  )
+}