Davron/firma
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

translation bug fixed

Browse Source
This commit is contained in:
nabijonovdavronbek619@gmail.com
2025-11-29 13:48:55 +05:00
parent ca8369cc31
commit aa2260f212
28 changed files with 1521 additions and 242 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
components/ContactForm.tsx
View File

@@ -2,14 +2,14 @@
import { useState } from "react";
import { motion } from "framer-motion";
import { useTranslations } from "next-intl";
import { usePathname } from "next/navigation";
import { sendContactMessage } from "@/lib/api";
import { Phone, MessageSquare, MapPin } from "lucide-react";
import Image from "next/image";
import { useLanguage } from "@/context/language-context";
export function ContactForm() {
const t = useTranslations();
const {t} = useLanguage();
const pathname = usePathname();
const locale = (pathname.split("/")[1] || "uz") as "uz" | "ru";
@@ -49,13 +49,13 @@ export function ContactForm() {
});
if (result.success) {
setMessage({ type: "success", text: t("contact.success") });
setMessage({ type: "success", text: t.contact.success });
setFormData({ name: "", phone: "", message: "", productSlug: "" });
} else {
setMessage({ type: "error", text: t("contact.error") });
setMessage({ type: "error", text: t.contact.error });
}
} catch {
setMessage({ type: "error", text: t("contact.error") });
setMessage({ type: "error", text: t.contact.error });
} finally {
setLoading(false);
}
@@ -82,7 +82,7 @@ export function ContactForm() {
className="text-center mb-16 bg-white/80 backdrop-blur-md rounded-xl overflow-hidden p-2 max-w-[300px] w-full mx-auto"
>
<h2 className="text-2xl font-bold text-gray-900 mb-2">
{t("contact.title")}
{t.contact.title}
</h2>
<div className="w-20 h-1 bg-blue-600 mx-auto rounded-full" />
</motion.div>
@@ -155,14 +155,14 @@ export function ContactForm() {
{/* Name */}
<div className="mb-6">
<label className="block text-gray-700 font-medium mb-2">
{t("contact.name")}
{t.contact.name}
</label>
<input
type="text"
name="name"
value={formData.name}
onChange={handleChange}
placeholder={t("contact.namePlaceholder")}
placeholder={t.contact.namePlaceholder}
className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
/>
</div>
@@ -170,14 +170,14 @@ export function ContactForm() {
{/* Phone */}
<div className="mb-6">
<label className="block text-gray-700 font-medium mb-2">
{t("contact.phone")} *
{t.contact.phone} *
</label>
<input
type="tel"
name="phone"
value={formData.phone}
onChange={handleChange}
placeholder={t("contact.phonePlaceholder")}
placeholder={t.contact.phonePlaceholder}
required
className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
/>
@@ -186,13 +186,13 @@ export function ContactForm() {
{/* Message */}
<div className="mb-6">
<label className="block text-gray-700 font-medium mb-2">
{t("contact.message")}
{t.contact.message}
</label>
<textarea
name="message"
value={formData.message}
onChange={handleChange}
placeholder={t("contact.messagePlaceholder")}
placeholder={t.contact.messagePlaceholder}
rows={4}
className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 resize-none"
/>
@@ -201,7 +201,7 @@ export function ContactForm() {
{/* Product Select */}
<div className="mb-6">
<label className="block text-gray-700 font-medium mb-2">
{t("contact.product")}
{t.contact.product}
</label>
<select
name="productSlug"
@@ -239,7 +239,7 @@ export function ContactForm() {
disabled={loading}
className="w-full px-6 py-3 bg-blue-600 text-white rounded-lg font-semibold hover:bg-blue-700 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
>
{loading ? "Sending..." : t("contact.send")}
{loading ? "Sending..." : t.contact.send}
</motion.button>
</motion.form>
</div>