use submodule

excalidraw/excalidraw-app/components/AppWelcomeScreen.tsx

@@ -1,18 +1,16 @@
+import { loginIcon } from "@excalidraw/excalidraw/components/icons";
+import { POINTER_EVENTS } from "@excalidraw/common";
+import { useI18n } from "@excalidraw/excalidraw/i18n";
+import { WelcomeScreen } from "@excalidraw/excalidraw/index";
 import React from "react";
-import { GithubIcon } from "../../packages/excalidraw/components/icons";
-import { useI18n } from "../../packages/excalidraw/i18n";
-import { WelcomeScreen } from "../../packages/excalidraw/index";
+
 import { isExcalidrawPlusSignedUser } from "../app_constants";
-import { POINTER_EVENTS } from "../../packages/excalidraw/constants";
-import { useAtom } from "jotai";
-import { userAtom } from "../app-jotai";
 
 export const AppWelcomeScreen: React.FC<{
   onCollabDialogOpen: () => any;
   isCollabEnabled: boolean;
 }> = React.memo((props) => {
   const { t } = useI18n();
-  const [user] = useAtom(userAtom);
   let headingContent;
 
   if (isExcalidrawPlusSignedUser) {
@@ -58,15 +56,16 @@ export const AppWelcomeScreen: React.FC<{
               onSelect={() => props.onCollabDialogOpen()}
             />
           )}
-          {!user && (
-            <WelcomeScreen.Center.MenuItem
-              onSelect={() => {
-                window.location.href = "/auth/github/login";
-              }}
-              icon={GithubIcon}
+          {!isExcalidrawPlusSignedUser && (
+            <WelcomeScreen.Center.MenuItemLink
+              href={`${
+                import.meta.env.VITE_APP_PLUS_LP
+              }/plus?utm_source=excalidraw&utm_medium=app&utm_content=welcomeScreenGuest`}
+              shortcut={null}
+              icon={loginIcon}
             >
-              Login with GitHub
-            </WelcomeScreen.Center.MenuItem>
+              Sign up
+            </WelcomeScreen.Center.MenuItemLink>
           )}
         </WelcomeScreen.Center.Menu>
       </WelcomeScreen.Center>