47 lines
1.2 KiB
TypeScript
47 lines
1.2 KiB
TypeScript
"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>
|
|
)
|
|
}
|