connected api with profile, order

features/profile/components/profile-content.tsx

@@ -0,0 +1,66 @@
+"use client"
+
+import { useState, useEffect } from "react"
+
+interface User {
+  first_name: string
+  last_name: string
+  phone: string
+  email?: string
+}
+
+interface ProfileContentProps {
+  locale: string
+}
+
+export default function ProfilePageContent({ locale }: ProfileContentProps) {
+  const [user, setUser] = useState<User | null>(null)
+  const [loading, setLoading] = useState(true)
+
+  const t = {
+    profile: "Профиль",
+    firstName: "Имя",
+    lastName: "Фамилия",
+    phone: "Номер телефона",
+    email: "Email",
+    logout: "Выйти",
+    loading: "Загрузка...",
+  }
+
+  useEffect(() => {
+    const fetchUserData = () => {
+      setTimeout(() => {
+        setUser({
+          first_name: "Иван",
+          last_name: "Иванов",
+          phone: "+99361234567",
+          email: "ivan@example.com",
+        })
+        setLoading(false)
+      }, 500)
+    }
+
+    fetchUserData()
+  }, [])
+
+  const handleLogout = () => {
+    window.location.href = "/"
+  }
+
+  if (loading) {
+    return (
+      <div className="min-h-screen bg-gray-50 flex items-center justify-center p-4">
+        <p className="text-lg text-gray-600">{t.loading}</p>
+      </div>
+    )
+  }
+
+  return (
+    <div className="min-h-screen bg-gray-50 p-4 pt-20">
+      <div className="container mx-auto max-w-2xl">
+        <h1 className="text-3xl font-bold mb-6">{t.profile}</h1>
+        {/* Profile content */}
+      </div>
+    </div>
+  )
+}