From bd206d0e78db651937707d45b8aba191a24663b3 Mon Sep 17 00:00:00 2001
From: kimjaehyeon0101 <47347352-kimjaehyeon0101@users.noreply.replit.com>
Date: Tue, 30 Sep 2025 02:01:57 +0000
Subject: [PATCH] Update auction guide page with book icon and indicator

Replace "Auction Guide" text link with a book icon button and add a rounded triangle indicator below it on the AuctionGuide page.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 069d4324-6c40-4355-955e-c714a50de1ea
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/069d4324-6c40-4355-955e-c714a50de1ea/yHCvWBg
---
 client/src/pages/AuctionGuide.tsx | 27 +++++++++++++++++++++------
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/client/src/pages/AuctionGuide.tsx b/client/src/pages/AuctionGuide.tsx
index db8033a..decd01e 100644
--- a/client/src/pages/AuctionGuide.tsx
+++ b/client/src/pages/AuctionGuide.tsx
@@ -7,7 +7,8 @@ import {
   List, 
   Target,
   Gavel,
-  Home
+  Home,
+  BookOpen
 } from "lucide-react";
 
 export default function AuctionGuide() {
@@ -27,11 +28,25 @@ export default function AuctionGuide() {
             </Link>
             
             <div className="flex items-center space-x-3">
-              <nav className="hidden md:flex space-x-4">
-                <Link href="/" className="text-gray-600 hover:text-gray-900 transition-colors text-sm" data-testid="link-home">Home</Link>
-                <Link href="/auctions" className="text-gray-600 hover:text-gray-900 transition-colors text-sm" data-testid="link-auctions">Auctions</Link>
-                <Link href="/auction-guide" className="text-gray-900 font-medium text-sm" data-testid="link-auction-guide">Auction Guide</Link>
-              </nav>
+              <div className="relative">
+                <Button 
+                  variant="ghost" 
+                  size="sm"
+                  className="relative"
+                  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">
+                  <svg width="16" height="8" viewBox="0 0 16 8" className="text-gray-50">
+                    <path 
+                      d="M 8 0 Q 8 2, 6 3 L 2 7 Q 0 8, 0 8 L 16 8 Q 16 8, 14 7 L 10 3 Q 8 2, 8 0 Z" 
+                      fill="currentColor"
+                    />
+                  </svg>
+                </div>
+              </div>
               
               <a href="/api/login">
                 <Button size="sm" data-testid="button-login">Login</Button>