diff --git a/packages/desktop/src/app.tsx b/packages/desktop/src/app.tsx index 5444b04..8d43899 100644 --- a/packages/desktop/src/app.tsx +++ b/packages/desktop/src/app.tsx @@ -21,7 +21,7 @@ root.render( maxSnack={3} anchorOrigin={{ vertical: 'top', - horizontal: 'right', + horizontal: 'left', }} > diff --git a/packages/desktop/src/components/NewConversationDialog.tsx b/packages/desktop/src/components/NewConversationDialog.tsx index 6bde2f4..e764346 100644 --- a/packages/desktop/src/components/NewConversationDialog.tsx +++ b/packages/desktop/src/components/NewConversationDialog.tsx @@ -34,7 +34,7 @@ export default function NewConversationDialog({ }: { open: boolean; handleClose: () => void; - handleSubmit: (selectedUsers: User[], conversationName?: string) => void; + handleSubmit: (selectedUsers: User[], conversationName?: string) => Promise; }) { const { enqueueSnackbar } = useSnackbar(); const { user } = useAuth(); @@ -112,7 +112,7 @@ export default function NewConversationDialog({ setIsSubmitting(true); - handleSubmit(selectedUsers, conversationName); + await handleSubmit(selectedUsers, conversationName); // clear form for next time setSelectedUsers([]); @@ -148,74 +148,68 @@ export default function NewConversationDialog({ - {isSubmitting ? ( - - ) : ( - - Start a Conversation + + Start a Conversation - - typeof option === 'string' ? option : option.displayName - } - value={selectedUsers} - onChange={handleChangeSelections} - filterSelectedOptions - isOptionEqualToValue={(optionUser, valueUser) => optionUser.id === valueUser.id} - filterOptions={(options) => options} - inputValue={searchVal} - renderInput={(params) => ( - - )} - /> - - {selectedUsers.length > 1 && ( + (typeof option === 'string' ? option : option.displayName)} + value={selectedUsers} + onChange={handleChangeSelections} + filterSelectedOptions + isOptionEqualToValue={(optionUser, valueUser) => optionUser.id === valueUser.id} + filterOptions={(options) => options} + inputValue={searchVal} + renderInput={(params) => ( )} + /> - - - - - - )} + {selectedUsers.length > 1 && ( + + )} + + + + + + );