Function SettingRouteShell

frontend/src/react/components/SettingRouteShell.tsx:12–34

({ onReady }: SettingRouteShellProps)

}

export function SettingRouteShell({ onReady }: SettingRouteShellProps) {
  const { t } = useTranslation();
  const route = useCurrentRoute();
  const contentRef = useRef<HTMLDivElement>(null);
  const allowEdit = useWorkspacePermission("bb.settings.set");
  const routeProps = useMemo(() => ({ allowEdit }), [allowEdit]);

  useEffect(() => {
    if (route.title) {
      setDocumentTitle(route.title, t("common.settings"));
    }
  }, [route.title, t]);

  useEffect(() => {
    onReady?.({
      content: contentRef.current,
      routeProps,
    });
    return () => onReady?.(null);
  }, [onReady, route.fullPath, routeProps]);

  return <div ref={contentRef} className="min-h-full" />;
}