Compare commits

...
@@ -18,19 +18,14 @@ export const PageEditorHeaderRoot: React.FC<Props> = observer((props) => {
// states
const [isLogoPickerOpen, setIsLogoPickerOpen] = useState(false);
// derived values
const { isContentEditable, logo_props, name, updatePageLogo } = page;
const { isContentEditable, logo_props, updatePageLogo } = page;
const isLogoSelected = !!logo_props?.in_use;
const isTitleEmpty = !name || name.trim() === "";
return (
<>
<div className="h-[48px] flex items-end text-left">
{!isLogoSelected && (
<div
className={cn("opacity-0 group-hover/page-header:opacity-100 transition-all duration-200", {
"opacity-100": isTitleEmpty,
})}
>
<div className={cn("opacity-100 group-hover/page-header:opacity-100 transition-all duration-200")}>
<EmojiIconPicker
isOpen={isLogoPickerOpen}
handleToggle={(val) => setIsLogoPickerOpen(val)}