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

Fix auction guide page navigation and visual bug

Browse Source 
Update AuctionGuide.tsx to fix a visual bug with the triangle indicator and implement a functional back navigation using `window.history.back()` when the book icon is clicked.

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/UXwUwik
This commit is contained in:
kimjaehyeon0101
2025-09-30 02:04:36 +00:00
parent bd206d0e78
commit 11ee6ace1b
2 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
.replit
View File

@ -22,6 +22,10 @@ externalPort = 3002
localPort = 37531 localPort = 37531
externalPort = 3001 externalPort = 3001
[[ports]]
localPort = 40661
externalPort = 3003
[[ports]] [[ports]]
localPort = 43349 localPort = 43349
externalPort = 3000 externalPort = 3000

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

@ -12,6 +12,10 @@ import {
} from "lucide-react"; } from "lucide-react";
export default function AuctionGuide() { export default function AuctionGuide() {
const handleGoBack = () => {
window.history.back();
};
return ( return (
<div className="min-h-screen bg-gray-50"> <div className="min-h-screen bg-gray-50">
{/* Header */} {/* Header */}
@ -33,18 +37,17 @@ export default function AuctionGuide() {
variant="ghost" variant="ghost"
size="sm" size="sm"
className="relative" className="relative"
onClick={handleGoBack}
data-testid="button-auction-guide" data-testid="button-auction-guide"
> >
<BookOpen className="h-4 w-4" /> <BookOpen className="h-4 w-4" />
</Button> </Button>
{/* Triangle indicator */} {/* Triangle indicator */}
<div className="absolute left-1/2 -translate-x-1/2 top-full"> <div className="absolute left-1/2 -translate-x-1/2 top-full z-10">
<svg width="16" height="8" viewBox="0 0 16 8" className="text-gray-50"> <div
<path className="w-0 h-0 border-l-[12px] border-l-transparent border-r-[12px] border-r-transparent border-b-[10px] border-b-gray-50"
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" style={{ filter: 'drop-shadow(0 -1px 0px rgba(229, 231, 235, 1))' }}
fill="currentColor"
/> />
</svg>
</div> </div>
</div> </div>