Default layout / specify layout in render method. about express-tsx-views

[danielbayley80]

I got this working in a very crude manner. At the minute I have to ensure all my views are wrapped in the LayoutContainer that then uses context to determine what layout to load the view within.

I think it would be cleaner if I could create my views and layouts separately and have the TSX-views engine piece it together using the default view specified in config, or passed view the render method.

export default function LayoutContainer(props: any): ReactElement {
      const context = useContext(DefaultContext);
      let LayoutComponent;
      if (context.layout) {
            try {
                  const module = require(context.layout);

                  LayoutComponent = module.default;
            } catch (error) {
                  console.log(`Error loading layout '%s'`, context.layout)
            }
      }
      return LayoutComponent ? <LayoutComponent>{props.children}</LayoutComponent> : <>{props.children}</>;
}

Another thought I had was if there was a mechanism to have context globally available to views. For example res.locals. not played with this yet, but I think again if the TSX engine should perhaps have a default context that it makes available.