Something went wrong. Try again.
leaflet fork for copy edit / bug fixes forked from leaflet.pub/leaflet
Something went wrong. Try again.
1.3 kB · 39 lines
TSX
12345678910111213141516171819202122232425262728293031323334353637383940"use client";import { useUIState } from "src/useUIState";import { Media } from "./Media";import { Toolbar } from "./Toolbar";import { useEntitySetContext } from "./EntitySetProvider";import { focusBlock } from "src/utils/focusBlock";
export function DesktopPageFooter(props: { pageID: string }) { let focusedEntity = useUIState((s) => s.focusedEntity); let focusedBlockParentID = focusedEntity?.entityType === "page" ? focusedEntity.entityID : focusedEntity?.parent; let entity_set = useEntitySetContext();
return ( <Media mobile={false} className="absolute bottom-4 w-full z-10 pointer-events-none" > {focusedEntity && focusedEntity.entityType === "block" && entity_set.permissions.write && focusedBlockParentID === props.pageID && ( <div className="pointer-events-auto w-fit mx-auto py-1 px-3 h-9 bg-bg-page border border-border rounded-full shadow-sm" onMouseDown={(e) => { if (e.currentTarget === e.target) e.preventDefault(); }} > <Toolbar pageID={focusedBlockParentID} blockID={focusedEntity.entityID} /> </div> )} </Media> );}