mirror of
https://github.com/yu-i-i/overleaf-cep.git
synced 2026-11-15 14:43:46 +01:00
Merge pull request #23131 from overleaf/kh-teardown-link-sharing-split-tests
[web] tear down link sharing split tests GitOrigin-RevId: 449e9f368405aea1500035269428e7ae0c37d8fb
This commit is contained in:
+39
-84
@@ -4,7 +4,6 @@ import getMeta from '@/utils/meta'
|
||||
|
||||
export type RequireAcceptData = {
|
||||
projectName?: string
|
||||
linkSharingChanges: boolean
|
||||
}
|
||||
|
||||
export const RequireAcceptScreen: FC<{
|
||||
@@ -14,94 +13,50 @@ export const RequireAcceptScreen: FC<{
|
||||
const { t } = useTranslation()
|
||||
const user = getMeta('ol-user')
|
||||
|
||||
if (requireAcceptData.linkSharingChanges) {
|
||||
return (
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-md-12">
|
||||
<div className="card">
|
||||
<div className="text-centered link-sharing-invite">
|
||||
<div className="link-sharing-invite-header">
|
||||
<p>
|
||||
{t('youre_joining')}
|
||||
<br />
|
||||
<em>
|
||||
<strong>
|
||||
{requireAcceptData.projectName || 'This project'}
|
||||
</strong>
|
||||
</em>
|
||||
{user && (
|
||||
<>
|
||||
<br />
|
||||
{t('as_email', { email: user.email })}
|
||||
</>
|
||||
)}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row row-spaced text-center">
|
||||
<div className="col-md-12">
|
||||
<p>
|
||||
{t(
|
||||
'your_name_and_email_address_will_be_visible_to_the_project_owner_and_other_editors'
|
||||
)}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row row-spaced text-center">
|
||||
<div className="col-md-12">
|
||||
<button
|
||||
className="btn btn-lg btn-primary"
|
||||
type="submit"
|
||||
onClick={() => sendPostRequest(true)}
|
||||
>
|
||||
{t('ok_join_project')}
|
||||
</button>
|
||||
</div>
|
||||
return (
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-md-12">
|
||||
<div className="card">
|
||||
<div className="text-centered link-sharing-invite">
|
||||
<div className="link-sharing-invite-header">
|
||||
<p>
|
||||
{t('youre_joining')}
|
||||
<br />
|
||||
<em>
|
||||
<strong>
|
||||
{requireAcceptData.projectName || 'This project'}
|
||||
</strong>
|
||||
</em>
|
||||
{user && (
|
||||
<>
|
||||
<br />
|
||||
{t('as_email', { email: user.email })}
|
||||
</>
|
||||
)}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="loading-screen">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-md-8 col-md-offset-2">
|
||||
<div className="card">
|
||||
<div className="page-header text-centered">
|
||||
<h1>
|
||||
{t('invited_to_join')}
|
||||
<br />
|
||||
<em>{requireAcceptData.projectName || 'This project'}</em>
|
||||
</h1>
|
||||
<div className="row row-spaced text-center">
|
||||
<div className="col-md-12">
|
||||
<p>
|
||||
{t(
|
||||
'your_name_and_email_address_will_be_visible_to_the_project_owner_and_other_editors'
|
||||
)}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{user && (
|
||||
<div className="row text-center">
|
||||
<div className="col-md-12">
|
||||
<p>
|
||||
{t('accepting_invite_as')} <em>{user.email}</em>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="row text-center">
|
||||
<div className="col-md-12">
|
||||
<button
|
||||
className="btn btn-lg btn-primary"
|
||||
type="submit"
|
||||
onClick={() => sendPostRequest(true)}
|
||||
>
|
||||
{t('join_project')}
|
||||
</button>
|
||||
</div>
|
||||
<div className="row row-spaced text-center">
|
||||
<div className="col-md-12">
|
||||
<button
|
||||
className="btn btn-lg btn-primary"
|
||||
type="submit"
|
||||
onClick={() => sendPostRequest(true)}
|
||||
>
|
||||
{t('ok_join_project')}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -99,13 +99,9 @@ function TokenAccessRoot() {
|
||||
|
||||
// We don't want the full-size div and back link(?) on
|
||||
// the new page, but we do this so the original page
|
||||
// doesn't change. When tearing down we can clean up
|
||||
// the DOM in the main return
|
||||
if (
|
||||
mode === 'requireAccept' &&
|
||||
requireAcceptData &&
|
||||
requireAcceptData.linkSharingChanges
|
||||
) {
|
||||
// doesn't change.
|
||||
// TODO: clean up the DOM in the main return
|
||||
if (mode === 'requireAccept' && requireAcceptData) {
|
||||
return (
|
||||
<RequireAcceptScreen
|
||||
requireAcceptData={requireAcceptData}
|
||||
@@ -137,13 +133,6 @@ function TokenAccessRoot() {
|
||||
{V1ImportDataScreen && mode === 'v1Import' && v1ImportData && (
|
||||
<V1ImportDataScreen v1ImportData={v1ImportData} />
|
||||
)}
|
||||
|
||||
{mode === 'requireAccept' && requireAcceptData && (
|
||||
<RequireAcceptScreen
|
||||
requireAcceptData={requireAcceptData}
|
||||
sendPostRequest={sendPostRequest}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user