From b1781bbea2c080cf319ed444a1dd014e6a888043 Mon Sep 17 00:00:00 2001
From: Himess <95512809+Himess@users.noreply.github.com>
Date: Tue, 28 Oct 2025 00:23:33 +0300
Subject: [PATCH] chore: remove console statements and optimize carousel

---
 .../Basenames/UsernameProfileSidebar/index.tsx         |  2 +-
 .../components/Builders/Landing/Hero/SearchModal.tsx   |  1 -
 .../src/components/base-org/BasePay/BuyRealThings.tsx  | 10 +++++-----
 .../root/Redesign/Section/BaseJoin/InteractiveCard.tsx |  3 ---
 4 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/apps/web/src/components/Basenames/UsernameProfileSidebar/index.tsx b/apps/web/src/components/Basenames/UsernameProfileSidebar/index.tsx
index c54e7a6e145..63c26b676a3 100644
--- a/apps/web/src/components/Basenames/UsernameProfileSidebar/index.tsx
+++ b/apps/web/src/components/Basenames/UsernameProfileSidebar/index.tsx
@@ -78,7 +78,7 @@ export default function UsernameProfileSidebar() {
   const reclaimProfile = useCallback(() => {
     if (!reclaimContract) return;
     initiateReclaim(reclaimContract)
-      .then((result) => console.log({ result }))
+      .then(() => {})
       .catch((error) => {
         logError(error, 'Failed to reclaim profile');
       });
diff --git a/apps/web/src/components/Builders/Landing/Hero/SearchModal.tsx b/apps/web/src/components/Builders/Landing/Hero/SearchModal.tsx
index 1728b7a2db6..4eebcec7dec 100644
--- a/apps/web/src/components/Builders/Landing/Hero/SearchModal.tsx
+++ b/apps/web/src/components/Builders/Landing/Hero/SearchModal.tsx
@@ -43,7 +43,6 @@ const searchConfig: SearchCategory[] = [
         href: '',
         icon: 'copy',
         onClick: () => {
-          console.log('clicked');
           const copyCreateOnchain = async () => {
             try {
               await navigator.clipboard.writeText('npm create onchain');
diff --git a/apps/web/src/components/base-org/BasePay/BuyRealThings.tsx b/apps/web/src/components/base-org/BasePay/BuyRealThings.tsx
index 78d796ad87c..05760689aad 100644
--- a/apps/web/src/components/base-org/BasePay/BuyRealThings.tsx
+++ b/apps/web/src/components/base-org/BasePay/BuyRealThings.tsx
@@ -57,8 +57,8 @@ export default function BuyRealThings() {
 
           {/* Left Carousel - Moving Up */}
           <motion.div className="flex flex-col gap-3 items-center" style={{ y: y1 }}>
-            {[...leftCarouselItems, ...leftCarouselItems].map((item) => (
-              <div key={crypto.randomUUID()} className="overflow-hidden flex-shrink-0 rounded-3xl">
+            {leftCarouselItems.concat(leftCarouselItems).map((item, index) => (
+              <div key={`left-${index}`} className="overflow-hidden flex-shrink-0 rounded-3xl">
                 <ImageWithLoading src={item.src} alt={item.alt} width={245} height={343} />
               </div>
             ))}
@@ -66,8 +66,8 @@ export default function BuyRealThings() {
 
           {/* Right Carousel - Moving Down */}
           <motion.div className="flex flex-col gap-3 items-center" style={{ y: y2 }}>
-            {[...rightCarouselItems, ...rightCarouselItems].map((item) => (
-              <div key={crypto.randomUUID()} className="overflow-hidden flex-shrink-0 rounded-3xl">
+            {rightCarouselItems.concat(rightCarouselItems).map((item, index) => (
+              <div key={`right-${index}`} className="overflow-hidden flex-shrink-0 rounded-3xl">
                 <ImageWithLoading src={item.src} alt={item.alt} width={245} height={343} />
               </div>
             ))}
@@ -76,4 +76,4 @@ export default function BuyRealThings() {
       </div>
     </section>
   );
-}
+}
\ No newline at end of file
diff --git a/apps/web/src/components/base-org/root/Redesign/Section/BaseJoin/InteractiveCard.tsx b/apps/web/src/components/base-org/root/Redesign/Section/BaseJoin/InteractiveCard.tsx
index 1ceeab1f258..7d881b89923 100644
--- a/apps/web/src/components/base-org/root/Redesign/Section/BaseJoin/InteractiveCard.tsx
+++ b/apps/web/src/components/base-org/root/Redesign/Section/BaseJoin/InteractiveCard.tsx
@@ -175,16 +175,13 @@ export const useImageTexture = (imagePath: string) => {
           setImageTexture(loadedTexture);
         },
         (progress) => {
-          console.log('Image texture loading progress:', progress);
         },
         (error) => {
-          console.error('Failed to load image texture:', error);
         },
       );
     };
 
     img.onerror = (error) => {
-      console.error('Failed to load image for dimensions:', error);
       setImageDimensions({ width: 1, height: 1 });
     };