From e6ad4306dd7a462b767c7c69a792732d16f273e2 Mon Sep 17 00:00:00 2001
From: kimjaehyeon0101 <47347352-kimjaehyeon0101@users.noreply.replit.com>
Date: Wed, 15 Oct 2025 07:55:48 +0000
Subject: [PATCH] Improve auction page loading and add a close button to guides

Optimizes auction data fetching with increased staleTime and implements a close button for the auction guide page by replacing the BookOpen icon with an X icon.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9a264234-c5d7-4dcc-adf3-a954b149b30d
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/9a264234-c5d7-4dcc-adf3-a954b149b30d/CMG42YQ
---
 client/src/pages/AuctionGuide.tsx | 33 ++++++++++---------------------
 client/src/pages/Auctions.tsx     |  2 ++
 2 files changed, 12 insertions(+), 23 deletions(-)

diff --git a/client/src/pages/AuctionGuide.tsx b/client/src/pages/AuctionGuide.tsx
index 803ee57..68089b2 100644
--- a/client/src/pages/AuctionGuide.tsx
+++ b/client/src/pages/AuctionGuide.tsx
@@ -8,7 +8,8 @@ import {
   Target,
   Gavel,
   Home,
-  BookOpen
+  BookOpen,
+  X
 } from "lucide-react";
 
 export default function AuctionGuide() {
@@ -32,28 +33,14 @@ export default function AuctionGuide() {
             </Link>
             
             <div className="flex items-center space-x-3">
-              <div className="relative">
-                <Button 
-                  variant="ghost" 
-                  size="sm"
-                  className="relative"
-                  onClick={handleGoBack}
-                  data-testid="button-auction-guide"
-                >
-                  <BookOpen className="h-4 w-4" />
-                </Button>
-                {/* Triangle indicator */}
-                <div className="absolute left-1/2 -translate-x-1/2 top-full z-10">
-                  <div 
-                    className="w-0 h-0 border-l-[12px] border-l-transparent border-r-[12px] border-r-transparent border-b-[10px] border-b-gray-50"
-                    style={{ filter: 'drop-shadow(0 -1px 0px rgba(229, 231, 235, 1))' }}
-                  />
-                </div>
-              </div>
-              
-              <a href="/api/login">
-                <Button size="sm" data-testid="button-login">Login</Button>
-              </a>
+              <Button 
+                variant="ghost" 
+                size="sm"
+                onClick={handleGoBack}
+                data-testid="button-close-guide"
+              >
+                <X className="h-5 w-5" />
+              </Button>
             </div>
           </div>
         </div>
diff --git a/client/src/pages/Auctions.tsx b/client/src/pages/Auctions.tsx
index e082a49..ed6f346 100644
--- a/client/src/pages/Auctions.tsx
+++ b/client/src/pages/Auctions.tsx
@@ -99,10 +99,12 @@ export default function Auctions() {
 
   const { data: auctions = [], isLoading: auctionsLoading } = useQuery<Auction[]>({
     queryKey: ["/api/auctions"],
+    staleTime: 30000, // 30초 동안 캐시 유지
   });
 
   const { data: mediaOutlets = [] } = useQuery<MediaOutlet[]>({
     queryKey: ["/api/media-outlets"],
+    staleTime: 60000, // 1분 동안 캐시 유지
   });
 
   const bidMutation = useMutation({