Login:Src:Components: change Layout components
This commit is contained in:
parent
592c84f5fb
commit
a3e175432a
@ -41,8 +41,11 @@ import { GreetingContainersProps } from "@/types";
|
|||||||
import { DEFAULT_PORTAL_TEXT, DEFAULT_ROOM_TEXT } from "@/utils/constants";
|
import { DEFAULT_PORTAL_TEXT, DEFAULT_ROOM_TEXT } from "@/utils/constants";
|
||||||
import { getInvitationLinkData } from "@/utils";
|
import { getInvitationLinkData } from "@/utils";
|
||||||
|
|
||||||
const GreetingContainer = ({ greetingSettings }: GreetingContainersProps) => {
|
const GreetingContainer = ({
|
||||||
const { t } = useTranslation(["Login"]);
|
greetingSettings,
|
||||||
|
wizardToken,
|
||||||
|
}: GreetingContainersProps) => {
|
||||||
|
const { t } = useTranslation(["Login", "Wizard"]);
|
||||||
const theme = useTheme();
|
const theme = useTheme();
|
||||||
|
|
||||||
const logoUrl = getLogoUrl(WhiteLabelLogoType.LoginPage, !theme.isBase);
|
const logoUrl = getLogoUrl(WhiteLabelLogoType.LoginPage, !theme.isBase);
|
||||||
@ -84,7 +87,9 @@ const GreetingContainer = ({ greetingSettings }: GreetingContainersProps) => {
|
|||||||
textAlign="center"
|
textAlign="center"
|
||||||
className="greeting-title"
|
className="greeting-title"
|
||||||
>
|
>
|
||||||
{greetingSettings}
|
{wizardToken
|
||||||
|
? t("Wizard:WelcomeTitle", { productName: PRODUCT_NAME })
|
||||||
|
: greetingSettings}
|
||||||
</Text>
|
</Text>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
@ -64,9 +64,13 @@ StyledSimpleNav.defaultProps = { theme: Base };
|
|||||||
|
|
||||||
interface SimpleNavProps {
|
interface SimpleNavProps {
|
||||||
systemTheme: ThemeKeys;
|
systemTheme: ThemeKeys;
|
||||||
|
isLanguageComboboxVisible?: boolean;
|
||||||
}
|
}
|
||||||
|
|
||||||
const SimpleNav = ({ systemTheme }: SimpleNavProps) => {
|
const SimpleNav = ({
|
||||||
|
systemTheme,
|
||||||
|
isLanguageComboboxVisible = true,
|
||||||
|
}: SimpleNavProps) => {
|
||||||
const theme = useTheme();
|
const theme = useTheme();
|
||||||
const isDark = !theme.isBase;
|
const isDark = !theme.isBase;
|
||||||
const logoUrl = getLogoUrl(WhiteLabelLogoType.LightSmall, isDark);
|
const logoUrl = getLogoUrl(WhiteLabelLogoType.LightSmall, isDark);
|
||||||
@ -74,7 +78,7 @@ const SimpleNav = ({ systemTheme }: SimpleNavProps) => {
|
|||||||
return (
|
return (
|
||||||
<StyledSimpleNav id="login-header">
|
<StyledSimpleNav id="login-header">
|
||||||
<img src={logoUrl} alt="logo-url" />
|
<img src={logoUrl} alt="logo-url" />
|
||||||
<LanguageComboboxWrapper />
|
{isLanguageComboboxVisible && <LanguageComboboxWrapper />}
|
||||||
</StyledSimpleNav>
|
</StyledSimpleNav>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
Loading…
Reference in New Issue
Block a user