mirror of
https://github.com/yu-i-i/overleaf-cep.git
synced 2025-07-27 17:00:06 +02:00
562ef81389
* Remove the Bootstrap 5 version utilities * Remove Account settings LESS stylesheet and unused styles * Prefer using the OLFormText wrapper component instead of FormText * Remove the Bootstrap 3 version stories * Replace Font Awesome icons to Material icons * Fix the heading hierarchy * Cleanup unused translation * Restore ellipsis to the text of two loading spinners * Add loading button tests back and add some button loading labels --------- Co-authored-by: Tim Down <158919+timdown@users.noreply.github.com> GitOrigin-RevId: 283a9167c8c78bf0fe5062840ded6917dcd6263b
96 lines
2.4 KiB
JavaScript
96 lines
2.4 KiB
JavaScript
import useFetchMock from '../hooks/use-fetch-mock'
|
||
import LinkingSection from '../../js/features/settings/components/linking-section'
|
||
import { setDefaultMeta, defaultSetupMocks } from './helpers/linking'
|
||
import { UserProvider } from '../../js/shared/context/user-context'
|
||
import { SSOProvider } from '../../js/features/settings/context/sso-context'
|
||
import { ScopeDecorator } from '../decorators/scope'
|
||
import { useEffect } from 'react'
|
||
import { useMeta } from '../hooks/use-meta'
|
||
|
||
const MOCK_DELAY = 1000
|
||
|
||
export const Section = args => {
|
||
useFetchMock(defaultSetupMocks)
|
||
setDefaultMeta()
|
||
|
||
return (
|
||
<UserProvider>
|
||
<SSOProvider>
|
||
<LinkingSection {...args} />
|
||
</SSOProvider>
|
||
</UserProvider>
|
||
)
|
||
}
|
||
|
||
export const SectionAllUnlinked = args => {
|
||
useFetchMock(defaultSetupMocks)
|
||
|
||
useMeta({
|
||
'ol-thirdPartyIds': {},
|
||
'ol-user': {
|
||
features: { github: true, dropbox: true, mendeley: true, zotero: true },
|
||
refProviders: {
|
||
mendeley: false,
|
||
zotero: false,
|
||
},
|
||
},
|
||
'ol-github': { enabled: false },
|
||
'ol-dropbox': { registered: false },
|
||
})
|
||
|
||
useEffect(() => {
|
||
setDefaultMeta()
|
||
}, [])
|
||
|
||
return (
|
||
<UserProvider>
|
||
<SSOProvider>
|
||
<LinkingSection {...args} />
|
||
</SSOProvider>
|
||
</UserProvider>
|
||
)
|
||
}
|
||
|
||
export const SectionSSOErrors = args => {
|
||
useFetchMock(fetchMock =>
|
||
fetchMock.post('/user/oauth-unlink', 500, { delay: MOCK_DELAY })
|
||
)
|
||
setDefaultMeta()
|
||
window.metaAttributesCache.set('ol-hideLinkingWidgets', true)
|
||
window.metaAttributesCache.set(
|
||
'ol-ssoErrorMessage',
|
||
'Account already linked to another Overleaf user'
|
||
)
|
||
|
||
return (
|
||
<UserProvider>
|
||
<SSOProvider>
|
||
<LinkingSection {...args} />
|
||
</SSOProvider>
|
||
</UserProvider>
|
||
)
|
||
}
|
||
|
||
export const SectionProjetSyncSuccess = args => {
|
||
useFetchMock(defaultSetupMocks)
|
||
setDefaultMeta()
|
||
window.metaAttributesCache.set('ol-github', { enabled: true })
|
||
window.metaAttributesCache.set(
|
||
'ol-projectSyncSuccessMessage',
|
||
'Thanks, we’ve successfully linked your GitHub account to Overleaf. You can now export your Overleaf projects to GitHub, or import projects from your GitHub repositories.'
|
||
)
|
||
|
||
return (
|
||
<UserProvider>
|
||
<SSOProvider>
|
||
<LinkingSection {...args} />
|
||
</SSOProvider>
|
||
</UserProvider>
|
||
)
|
||
}
|
||
|
||
export default {
|
||
title: 'Account Settings / Linking',
|
||
component: LinkingSection,
|
||
decorators: [ScopeDecorator],
|
||
}
|