From 345d8de80ad344777d4f1ce7b3b3c60b59068bc5 Mon Sep 17 00:00:00 2001
From: Samandar Turgunboyev <turgunboyevsamandar4@gmail.com>
Date: Sat, 28 Mar 2026 16:47:01 +0500
Subject: [PATCH] Added a back button to the Product detail page

---
 src/features/product/ui/Product.tsx | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/features/product/ui/Product.tsx b/src/features/product/ui/Product.tsx
index b16192f..92411c3 100644
--- a/src/features/product/ui/Product.tsx
+++ b/src/features/product/ui/Product.tsx
@@ -8,12 +8,21 @@ import { useCartId } from '@/shared/hooks/cartId';
 import formatDate from '@/shared/lib/formatDate';
 import formatPrice from '@/shared/lib/formatPrice';
 import { cn } from '@/shared/lib/utils';
+import { Button } from '@/shared/ui/button';
 import { Input } from '@/shared/ui/input';
 import { Skeleton } from '@/shared/ui/skeleton';
 import { userStore } from '@/widgets/welcome/lib/hook';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { AxiosError } from 'axios';
-import { Heart, Minus, Plus, Shield, ShoppingCart, Truck } from 'lucide-react';
+import {
+  ChevronLeft,
+  Heart,
+  Minus,
+  Plus,
+  Shield,
+  ShoppingCart,
+  Truck,
+} from 'lucide-react';
 import { useTranslations } from 'next-intl';
 import Image from 'next/image';
 import { useParams } from 'next/navigation';
@@ -295,6 +304,16 @@ const ProductDetail = () => {
 
   return (
     <div className="custom-container pb-8">
+      <div className="mb-5">
+        <Button
+          variant={'outline'}
+          className="w-fit"
+          onClick={() => router.back()}
+        >
+          <ChevronLeft />
+          {t('Orqaga')}
+        </Button>
+      </div>
       <div className="grid grid-cols-1 md:grid-cols-2 gap-8 bg-white p-6 rounded-lg shadow">
         <div>
           <Image