From 6dddb6731ae393f1da91eb438c78e5fd74c27d46 Mon Sep 17 00:00:00 2001
From: Suraj Mahto <surajmahto255@gmail.com>
Date: Mon, 28 Oct 2024 22:59:40 +0530
Subject: [PATCH] feat : changed brandname url to lowercase

---
 src/app/brand/[id]/page.js | 2 +-
 src/app/brands/page.js     | 2 +-
 src/components/brand.js    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/brand/[id]/page.js b/src/app/brand/[id]/page.js
index 99b7c0b..5bca79a 100644
--- a/src/app/brand/[id]/page.js
+++ b/src/app/brand/[id]/page.js
@@ -7,7 +7,7 @@ import Header1 from '../../../components/header1'
 import Footer from '../../../components/footer'
 
 const Brand = ({ params }) => {
-  const brandName = params?.id.replace(/-/g, ' ');
+  const brandName = params?.id.replace(/-/g, ' ').replace(/\b\w/g, char => char.toUpperCase());
 
   const [brand, setBrand] = useState([]);
   const [collections, setcollections] = useState([]);
diff --git a/src/app/brands/page.js b/src/app/brands/page.js
index e30596f..b2ea838 100644
--- a/src/app/brands/page.js
+++ b/src/app/brands/page.js
@@ -78,7 +78,7 @@ const Page = () => {
 
       <div className="flex text-2xl" style={{justifyContent: 'center', marginTop:'40px', paddingBottom:'200px', gap:'70px', flexWrap: 'wrap'}}>
       {brands?.map((brand, index) => (
-          <Link href={`/brand/${brand.name.replace(/\s+/g, '-')}`} key={index}>
+          <Link href={`/brand/${brand.name.toLowerCase().replace(/\s+/g, '-')}`} key={index}>
           <div key={index} className="flex flex-col justify-center items-center">
             <img
               src={`${
diff --git a/src/components/brand.js b/src/components/brand.js
index efd7edd..3cd49d4 100644
--- a/src/components/brand.js
+++ b/src/components/brand.js
@@ -40,7 +40,7 @@ const Brand = ({ brandsdata }) => {
 
       <div className="flex flex-wrap justify-center gap-6 sm:gap-8 lg:gap-10 mt-6 sm:mt-8 lg:mt-10 pb-20">
         {limitedBrands?.map((brand, index) => (
-          <Link href={`/brand/${brand.name.replace(/\s+/g, '-')}`} key={index} className="flex flex-col justify-center items-center">
+          <Link href={`/brand/${brand.name.toLowerCase().replace(/\s+/g, '-')}`} key={index} className="flex flex-col justify-center items-center">
             <div className="flex flex-col justify-center items-center">
               <img
                 src={`https://nftstorage.link/ipfs/${brand.logo_image.slice(7)}`}