37 lines
1.2 KiB
TypeScript
37 lines
1.2 KiB
TypeScript
import React from "react";
|
|
import { useI18n } from "../../packages/excalidraw/i18n";
|
|
import { WelcomeScreen } from "../../packages/excalidraw/index";
|
|
|
|
export const AppWelcomeScreen: React.FC<{
|
|
onCollabDialogOpen: () => any;
|
|
isCollabEnabled: boolean;
|
|
}> = React.memo((props) => {
|
|
const { t } = useI18n();
|
|
const headingContent = t("welcomeScreen.app.center_heading");
|
|
|
|
return (
|
|
<WelcomeScreen>
|
|
<WelcomeScreen.Hints.MenuHint>
|
|
{t("welcomeScreen.app.menuHint")}
|
|
</WelcomeScreen.Hints.MenuHint>
|
|
<WelcomeScreen.Hints.ToolbarHint />
|
|
<WelcomeScreen.Hints.HelpHint />
|
|
<WelcomeScreen.Center>
|
|
<WelcomeScreen.Center.Logo />
|
|
<WelcomeScreen.Center.Heading>
|
|
{headingContent}
|
|
</WelcomeScreen.Center.Heading>
|
|
<WelcomeScreen.Center.Menu>
|
|
<WelcomeScreen.Center.MenuItemLoadScene />
|
|
<WelcomeScreen.Center.MenuItemHelp />
|
|
{props.isCollabEnabled && (
|
|
<WelcomeScreen.Center.MenuItemLiveCollaborationTrigger
|
|
onSelect={() => props.onCollabDialogOpen()}
|
|
/>
|
|
)}
|
|
</WelcomeScreen.Center.Menu>
|
|
</WelcomeScreen.Center>
|
|
</WelcomeScreen>
|
|
);
|
|
});
|