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

Update header and user profile display for improved navigation and clarity

Browse Source 
Modify header layout to place login icon to the right of settings gear, remove "Nostra" text from the home page, and display user's role ("SuperAdmin") on their profile.

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/9tQ591o
This commit is contained in:
kimjaehyeon0101
2025-09-29 21:51:13 +00:00
parent 716361ef96
commit ad8e122a7f
2 changed files with 31 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
client/src/pages/Home.tsx
View File

@ -79,17 +79,17 @@ export default function Home() {
/>
</div>
<Button
variant="ghost"
size="sm"
onClick={() => setLocation("/auctions")}
data-testid="button-auctions"
>
Auctions
</Button>
{isAuthenticated && user ? (
<>
<Button
variant="ghost"
size="sm"
onClick={() => setLocation("/auctions")}
data-testid="button-auctions"
>
Auctions
</Button>
<Button
variant="ghost"
size="sm"
@ -99,11 +99,18 @@ export default function Home() {
Admin Dashboard
</Button>
<div className="flex items-center space-x-2 px-3 py-1 bg-gray-100 rounded-md">
<div className="flex items-center gap-2 px-3 py-1 bg-gray-100 rounded-md">
<User className="h-4 w-4 text-gray-600" />
<span className="text-sm font-medium text-gray-700" data-testid="user-name">
{user.firstName} {user.lastName}
</span>
<div className="flex flex-col">
<span className="text-sm font-medium text-gray-700" data-testid="user-name">
{user.firstName} {user.lastName}
</span>
{user.role && (
<span className="text-xs text-gray-500 capitalize" data-testid="user-role">
{user.role === 'superadmin' ? 'SuperAdmin' : user.role}
</span>
)}
</div>
</div>
<Button
@ -120,29 +127,21 @@ export default function Home() {
<Button
variant="ghost"
size="sm"
onClick={() => setLocation("/auctions")}
data-testid="button-auctions"
data-testid="button-settings"
>
Auctions
<Settings className="h-4 w-4" />
</Button>
<Button
variant="ghost"
size="sm"
onClick={() => setIsLoginModalOpen(true)}
data-testid="button-login"
>
Login
<User className="h-4 w-4" />
</Button>
</>
)}
<Button
variant="ghost"
size="sm"
data-testid="button-settings"
>
<Settings className="h-4 w-4" />
</Button>
</div>
</div>
</div>

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

@ -5,7 +5,7 @@ import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/u
import { useToast } from "@/hooks/use-toast";
import { apiRequest, queryClient } from "@/lib/queryClient";
import { useMutation } from "@tanstack/react-query";
import { Search, Settings } from "lucide-react";
import { Search, Settings, User } from "lucide-react";
import MainContent from "@/components/MainContent";
export default function Landing() {
@ -85,14 +85,13 @@ export default function Landing() {
<header className="bg-white border-b border-gray-200 sticky top-0 z-50">
<div className="max-w-7xl mx-auto px-6 py-4">
<div className="flex items-center justify-between">
<div className="flex items-center space-x-6">
<div className="flex items-center">
<img
src="/attached_assets/logo_black_1759162717640.png"
alt="SAPIENS"
className="h-6 w-auto"
data-testid="logo-sapiens"
/>
<span className="text-sm text-gray-600 font-medium">Nostra</span>
</div>
<div className="flex items-center space-x-4">
@ -109,18 +108,18 @@ export default function Landing() {
<Button
variant="ghost"
size="sm"
onClick={handleLogin}
data-testid="button-login"
data-testid="button-settings"
>
관리자 페이지
<Settings className="h-4 w-4" />
</Button>
<Button
variant="ghost"
size="sm"
data-testid="button-settings"
onClick={handleLogin}
data-testid="button-login"
>
<Settings className="h-4 w-4" />
<User className="h-4 w-4" />
</Button>
</div>
</div>