overleaf/services/web/frontend/stories/settings/password.stories.jsx

49 lines
1.2 KiB
React
Raw Normal View History

import useFetchMock from '../hooks/use-fetch-mock'
import PasswordSection from '../../js/features/settings/components/password-section'
import { setDefaultMeta, defaultSetupMocks } from './helpers/password'
export const Success = args => {
setDefaultMeta()
useFetchMock(defaultSetupMocks)
return <PasswordSection {...args} />
}
export const ManagedExternally = args => {
setDefaultMeta()
window.metaAttributesCache.set('ol-ExposedSettings', {
isOverleaf: false,
})
window.metaAttributesCache.set('ol-isExternalAuthenticationSystemUsed', true)
useFetchMock(defaultSetupMocks)
return <PasswordSection {...args} />
}
export const NoExistingPassword = args => {
setDefaultMeta()
window.metaAttributesCache.set('ol-hasPassword', false)
useFetchMock(defaultSetupMocks)
return <PasswordSection {...args} />
}
export const Error = args => {
setDefaultMeta()
useFetchMock(fetchMock =>
fetchMock.post(/\/user\/password\/update/, {
status: 400,
body: {
message: 'Your old password is wrong',
},
})
)
return <PasswordSection {...args} />
}
export default {
title: 'Account Settings / Password',
component: PasswordSection,
}