Update header and user profile display for improved navigation and clarity

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

View File

@ -79,8 +79,6 @@ export default function Home() {
/>
</div>
{isAuthenticated && user ? (
<>
<Button
variant="ghost"
size="sm"
@ -90,6 +88,8 @@ export default function Home() {
Auctions
</Button>
{isAuthenticated && user ? (
<>
<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" />
<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>

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>