update the warning to naviagate to sign up page as well

Author: ChengShi-1

src/keycloak-theme/login/Template.tsx

@@ -11,6 +11,10 @@ import { ArrowUpRightSquareFill } from 'react-bootstrap-icons'
 import dataverse_logo from '@/assets/dataverse_brand_icon.svg'
 import styles from './template.module.scss'
 
+const DATAVERSE_BASE_URL =
+  import.meta.env.VITE_DATAVERSE_BASE_URL ?? 'https://dataverse.harvard.edu'
+const HARVARD_SIGN_UP_URL = `${DATAVERSE_BASE_URL}/dataverseuser.xhtml?editMode=CREATE&redirectPage=%2Fdataverse_homepage.xhtml`
+
 /*
  * This is a Layout common to every keycloak page.
  * It was originally generated by running `npx keycloakify eject-page` and then selecting `Template.tsx` option.
@@ -67,7 +71,10 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
       {kcContext.pageId === 'login.ftl' && (
         <div className={styles['top-notice']}>
           <Alert variant="warning" customHeading={msgStr('signInNoticeTitle')} dismissible={false}>
-            {msg('signInNoticeBody')}
+            <>
+              {msg('signInNoticeBodyPrefix')}
+              <a href={HARVARD_SIGN_UP_URL}>{msg('signInNoticeSignUpLinkText')}</a>
+            </>
           </Alert>
         </div>
       )}

src/keycloak-theme/login/i18n.ts

@@ -8,8 +8,9 @@ const { useI18n, ofTypeI18n } = i18nBuilder
   .withCustomTranslations({
     en: {
       signInNoticeTitle: 'Note about ORCID, GitHub, and Google sign-in:',
-      signInNoticeBody:
-        'These options are available only to the existing accounts that previously authenticated with these methods. New sign-ups via ORCID, GitHub, or Google are not supported. Please use your Institutional Login or Username/Email to sign up. If you need help logging in, please contact support.'
+      signInNoticeBodyPrefix:
+        'These options are available only to the existing accounts that previously authenticated with these methods. New sign-ups via ORCID, GitHub, or Google are not supported. Please use your Harvard Login or Username/Email to ',
+      signInNoticeSignUpLinkText: 'sign up in Harvard Dataverse'
     }
   })
   .build()

src/keycloak-theme/login/template.module.scss

@@ -29,6 +29,11 @@
   }
 }
 
+.top-notice {
+  margin: 0.5rem;
+  border-radius: 8px;
+}
+
 .login-card {
   width: 100%;
   height: 100%;