aimond/sapiens-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update auction guide page with book icon and indicator

Browse Source 
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
This commit is contained in:
kimjaehyeon0101
2025-09-30 02:01:57 +00:00
parent 07543adb9d
commit bd206d0e78
1 changed files with 21 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
client/src/pages/AuctionGuide.tsx
View File

@ -7,7 +7,8 @@ import {
List, List,
Target, Target,
Gavel, Gavel,
Home Home,
BookOpen
} from "lucide-react"; } from "lucide-react";
export default function AuctionGuide() { export default function AuctionGuide() {
@ -27,11 +28,25 @@ export default function AuctionGuide() {
</Link> </Link>
<div className="flex items-center space-x-3"> <div className="flex items-center space-x-3">
<nav className="hidden md:flex space-x-4"> <div className="relative">
<Link href="/" className="text-gray-600 hover:text-gray-900 transition-colors text-sm" data-testid="link-home">Home</Link> <Button
<Link href="/auctions" className="text-gray-600 hover:text-gray-900 transition-colors text-sm" data-testid="link-auctions">Auctions</Link> variant="ghost"
<Link href="/auction-guide" className="text-gray-900 font-medium text-sm" data-testid="link-auction-guide">Auction Guide</Link> size="sm"
</nav> 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"> <a href="/api/login">
<Button size="sm" data-testid="button-login">Login</Button> <Button size="sm" data-testid="button-login">Login</Button>