overleaf/services/web/frontend/stories/settings/account-info.stories.jsx

58 lines
1.3 KiB
React
Raw Normal View History

import useFetchMock from '../hooks/use-fetch-mock'
import AccountInfoSection from '../../js/features/settings/components/account-info-section'
import { setDefaultMeta, defaultSetupMocks } from './helpers/account-info'
import { UserProvider } from '../../js/shared/context/user-context'
export const Success = args => {
setDefaultMeta()
useFetchMock(defaultSetupMocks)
return (
<UserProvider>
<AccountInfoSection {...args} />
</UserProvider>
)
}
export const ReadOnly = args => {
setDefaultMeta()
window.metaAttributesCache.set('ol-isExternalAuthenticationSystemUsed', true)
window.metaAttributesCache.set('ol-shouldAllowEditingDetails', false)
return (
<UserProvider>
<AccountInfoSection {...args} />
</UserProvider>
)
}
export const NoEmailInput = args => {
setDefaultMeta()
window.metaAttributesCache.set('ol-ExposedSettings', {
hasAffiliationsFeature: true,
})
useFetchMock(defaultSetupMocks)
return (
<UserProvider>
<AccountInfoSection {...args} />
</UserProvider>
)
}
export const Error = args => {
setDefaultMeta()
useFetchMock(fetchMock => fetchMock.post(/\/user\/settings/, 500))
return (
<UserProvider>
<AccountInfoSection {...args} />
</UserProvider>
)
}
export default {
title: 'Account Settings / Account Info',
component: AccountInfoSection,
}