refactor: remove logo from client toolbar, move language and logout to left group
Deploy / release (push) Skipped
Deploy / deploy (push) Successful in 1m50s

This commit is contained in:
openhands committed 2026-07-26 17:24:46 +02:00
1 parent d010344423
commit f072a28aee
2 files changed
+5 -27

No files matched your search

+4 -24
View File
@@ -1,7 +1,6 @@
"use client"; "use client";
import { LogOut } from "lucide-react"; import { LogOut } from "lucide-react";
import Image from "next/image";
import Link from "next/link"; import Link from "next/link";
import { signOut } from "next-auth/react"; import { signOut } from "next-auth/react";
import { type ReactNode, useCallback, useEffect, useState } from "react"; import { type ReactNode, useCallback, useEffect, useState } from "react";
@@ -52,13 +51,11 @@ export function ClientView({
ticket, ticket,
clientUrl, clientUrl,
hotelName, hotelName,
logo,
initialOnline, initialOnline,
}: { }: {
ticket: string; ticket: string;
clientUrl: string; clientUrl: string;
hotelName: string; hotelName: string;
logo: string | null;
initialOnline: number; initialOnline: number;
}) { }) {
const [_isFullscreen, setIsFullscreen] = useState(false); const [_isFullscreen, setIsFullscreen] = useState(false);
@@ -187,28 +184,7 @@ export function ClientView({
</svg> </svg>
<span className="text-xs font-bold">{onlineCount}</span> <span className="text-xs font-bold">{onlineCount}</span>
</div> </div>
</div>
<div className="flex items-center gap-1 sm:gap-2">
{logo ? (
<Image
src={logo}
alt={hotelName}
width={32}
height={32}
className="h-8 w-auto rounded-lg shadow-lg"
style={{ objectFit: "contain" }}
/>
) : (
<span
className="hidden sm:inline text-sm font-bold drop-shadow-lg px-2"
style={{ color: "var(--color-primary, #eeb425)" }}
>
{hotelName}
</span>
)}
<LanguageSwitcher variant="admin" /> <LanguageSwitcher variant="admin" />
<ThemeSwitcher variant="admin" />
<ToolbarBtn <ToolbarBtn
onClick={() => signOut({ callbackUrl: "/" })} onClick={() => signOut({ callbackUrl: "/" })}
title="Logout" title="Logout"
@@ -216,6 +192,10 @@ export function ClientView({
<LogOut size={18} /> <LogOut size={18} />
</ToolbarBtn> </ToolbarBtn>
</div> </div>
<div className="flex items-center gap-1 sm:gap-2">
<ThemeSwitcher variant="admin" />
</div>
</div> </div>
<iframe <iframe
+1 -3
View File
@@ -16,10 +16,9 @@ export default async function ClientPage() {
const userId = Number(session.user.id); const userId = Number(session.user.id);
const [hotelName, clientUrl, logo] = await Promise.all([ const [hotelName, clientUrl] = await Promise.all([
resolveHotelName(), resolveHotelName(),
siteSettings.get("nitro_client_url", ""), siteSettings.get("nitro_client_url", ""),
siteSettings.get("cms_logo", ""),
]); ]);
const ip = (await headers()).get("x-real-client-ip") ?? "0.0.0.0"; const ip = (await headers()).get("x-real-client-ip") ?? "0.0.0.0";
@@ -34,7 +33,6 @@ export default async function ClientPage() {
ticket={ticket} ticket={ticket}
clientUrl={clientUrl || "/nitro-client/"} clientUrl={clientUrl || "/nitro-client/"}
hotelName={hotelName} hotelName={hotelName}
logo={logo}
initialOnline={onlineCount} initialOnline={onlineCount}
/> />
); );