86f86f0298
* add new screenshot of apppagelayout + update logo url + remove ee code in spec * fix error message for logo * revert profile snap * remove brand colors in ce * fix auth page layout issue * revert some snap images * fix visual tests * fix cypress tests * fix cypress tests
39 lines
1.2 KiB
TypeScript
39 lines
1.2 KiB
TypeScript
import React from "react";
|
|
import { useSelector } from "react-redux";
|
|
|
|
import FooterLinks from "./FooterLinks";
|
|
import { getTenantConfig } from "@appsmith/selectors/tenantSelectors";
|
|
|
|
type ContainerProps = {
|
|
title: string;
|
|
subtitle?: React.ReactNode;
|
|
children: React.ReactNode;
|
|
footer?: React.ReactNode;
|
|
disabledLoginForm?: boolean;
|
|
};
|
|
|
|
function Container(props: ContainerProps) {
|
|
const { children, footer, subtitle, title } = props;
|
|
const tenantConfig = useSelector(getTenantConfig);
|
|
|
|
return (
|
|
<div className="flex flex-col items-center gap-4 my-auto min-w-min">
|
|
<div className="bg-white border border-t-4 border-t-[color:var(--ads-color-brand)] py-8 px-6 w-[min(400px,80%)] flex flex-col gap-6 t--login-container">
|
|
<img className="h-8 mx-auto" src={tenantConfig.brandLogoUrl} />
|
|
<div className="flex flex-col gap-2 text-center">
|
|
<h1 className="text-xl font-semibold text-center">{title}</h1>
|
|
{subtitle && <p className="text-base text-center">{subtitle}</p>}
|
|
</div>
|
|
{children}
|
|
</div>
|
|
|
|
<div className="bg-white border w-[min(400px,80%)]">
|
|
{footer}
|
|
<FooterLinks />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default Container;
|