0

Fix user settings dropdown story not rendering. Closes #2350

This commit is contained in:
Gabe Kangas 2022-12-05 23:13:55 -08:00
parent 2889a86e11
commit 1d245dbbc1
No known key found for this signature in database
GPG Key ID: 4345B2060657F330

View File

@ -1,7 +1,9 @@
import React from 'react';
import React, { useEffect } from 'react';
import { ComponentStory, ComponentMeta } from '@storybook/react';
import { RecoilRoot } from 'recoil';
import { RecoilRoot, useSetRecoilState } from 'recoil';
import { UserDropdown } from './UserDropdown';
import { CurrentUser } from '../../../interfaces/current-user';
import { currentUserAtom } from '../../stores/ClientConfigStore';
export default {
title: 'owncast/Components/User settings menu',
@ -10,20 +12,30 @@ export default {
} as ComponentMeta<typeof UserDropdown>;
// This component uses Recoil internally so wrap it in a RecoilRoot.
const Example = args => (
const Example = args => {
const setCurrentUser = useSetRecoilState<CurrentUser>(currentUserAtom);
useEffect(
() =>
setCurrentUser({
id: '1',
displayName: 'Test User',
displayColor: 3,
isModerator: false,
}),
[],
);
return <UserDropdown {...args} />;
};
const Template: ComponentStory<typeof UserDropdown> = args => (
<RecoilRoot>
<UserDropdown {...args} />
<Example {...args} />
</RecoilRoot>
);
const Template: ComponentStory<typeof UserDropdown> = args => <Example {...args} />;
export const ChatEnabled = Template.bind({});
ChatEnabled.args = {
username: 'test-user',
};
export const ChatDisabled = Template.bind({});
ChatDisabled.args = {
username: 'test-user',
};