LogalDeveloper/owncast
0
Fork 0
Code Activity

feat: close modal after name change (#3084)

Browse Source 
* feat: close modal after name change

* refactor: shortened modal name

* fix: added a no-op for NameChangeModal storybook
This commit is contained in:
Mohib Khan
2023-06-13 11:24:12 +05:30
committed by GitHub
parent f616f02be3
commit 6fa576a04a
3 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/modals/NameChangeModal/NameChangeModal.stories.tsx
View File

@@ -27,7 +27,7 @@ const Example = () => {
return (
<div>
<NameChangeModal />
<NameChangeModal closeModal={() => {}} />
</div>
);
};

7
web/components/modals/NameChangeModal/NameChangeModal.tsx
View File

@@ -22,7 +22,11 @@ const UserColor: FC<UserColorProps> = ({ color }) => {
return <div style={style} />;
};
export const NameChangeModal: FC = () => {
type NameChangeModalProps = {
closeModal: () => void;
};
export const NameChangeModal: FC<NameChangeModalProps> = ({ closeModal }) => {
const currentUser = useRecoilValue(currentUserAtom);
const websocketService = useRecoilValue<WebsocketService>(websocketServiceAtom);
const [newName, setNewName] = useState<string>(currentUser?.displayName);
@@ -44,6 +48,7 @@ export const NameChangeModal: FC = () => {
newName,
};
websocketService.send(nameChange);
closeModal();
};
const handleColorChange = (color: string) => {