import { useCallback, useState } from "react";export function useComposerFocusState(isMobileViewport: boolean) { const [isComposerFocused, setIsComposerFocused] = useState(false); const [isComposerScrollCollapsed, setIsComposerScrollCollapsed] = useState(false); const restoreAfterTimelineReachedEnd = useCallback(() => { setIsComposerScrollCollapsed(false); // Restore the expanded layout after a timeline control takes focus too. // This state holds the layout open without moving DOM focus to the editor. if (!isMobileViewport) { setIsComposerFocused(true); } }, [isMobileViewport]); return { isComposerFocused, setIsComposerFocused, isComposerScrollCollapsed, setIsComposerScrollCollapsed, restoreAfterTimelineReachedEnd, };}
import { useCallback, useState } from "react";
export function useComposerFocusState(isMobileViewport: boolean) {
const [isComposerFocused, setIsComposerFocused] = useState(false);
const [isComposerScrollCollapsed, setIsComposerScrollCollapsed] = useState(false);
const restoreAfterTimelineReachedEnd = useCallback(() => {
setIsComposerScrollCollapsed(false);
// Restore the expanded layout after a timeline control takes focus too.
// This state holds the layout open without moving DOM focus to the editor.
if (!isMobileViewport) {
setIsComposerFocused(true);
}
}, [isMobileViewport]);
return {
isComposerFocused,
setIsComposerFocused,
isComposerScrollCollapsed,
setIsComposerScrollCollapsed,
restoreAfterTimelineReachedEnd,
};
}