refactor: remove logo from client toolbar, move language and logout to left group
This commit is contained in:
1 parent
d010344423
commit
f072a28aee
2 files changed
+5
-27
No files matched your search
@@ -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
|
||||||
|
|||||||
@@ -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}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in new issue
Block a user