better flow for submitting

This commit is contained in:
talksik
2022-05-30 08:21:20 -05:00
parent 7bb752e570
commit 525674009f
2 changed files with 59 additions and 65 deletions
+1 -1
View File
@@ -21,7 +21,7 @@ root.render(
maxSnack={3} maxSnack={3}
anchorOrigin={{ anchorOrigin={{
vertical: 'top', vertical: 'top',
horizontal: 'right', horizontal: 'left',
}} }}
> >
<ErrorParent> <ErrorParent>
@@ -34,7 +34,7 @@ export default function NewConversationDialog({
}: { }: {
open: boolean; open: boolean;
handleClose: () => void; handleClose: () => void;
handleSubmit: (selectedUsers: User[], conversationName?: string) => void; handleSubmit: (selectedUsers: User[], conversationName?: string) => Promise<void>;
}) { }) {
const { enqueueSnackbar } = useSnackbar(); const { enqueueSnackbar } = useSnackbar();
const { user } = useAuth(); const { user } = useAuth();
@@ -112,7 +112,7 @@ export default function NewConversationDialog({
setIsSubmitting(true); setIsSubmitting(true);
handleSubmit(selectedUsers, conversationName); await handleSubmit(selectedUsers, conversationName);
// clear form for next time // clear form for next time
setSelectedUsers([]); setSelectedUsers([]);
@@ -148,9 +148,6 @@ export default function NewConversationDialog({
<FiX /> <FiX />
</IconButton> </IconButton>
{isSubmitting ? (
<CircularProgress />
) : (
<Container <Container
maxWidth="sm" maxWidth="sm"
sx={{ sx={{
@@ -170,9 +167,7 @@ export default function NewConversationDialog({
onInputChange={handleChangeSearchInput} onInputChange={handleChangeSearchInput}
options={searchUsersResults} options={searchUsersResults}
renderOption={renderOption} renderOption={renderOption}
getOptionLabel={(option) => getOptionLabel={(option) => (typeof option === 'string' ? option : option.displayName)}
typeof option === 'string' ? option : option.displayName
}
value={selectedUsers} value={selectedUsers}
onChange={handleChangeSelections} onChange={handleChangeSelections}
filterSelectedOptions filterSelectedOptions
@@ -207,15 +202,14 @@ export default function NewConversationDialog({
</Button> </Button>
<Button <Button
onClick={handleSubmitLocal} onClick={handleSubmitLocal}
disabled={selectedUsers.length === 0} disabled={selectedUsers.length === 0 || isSubmitting}
variant={'contained'} variant={'contained'}
color="primary" color="primary"
> >
Connect {isSubmitting ? <CircularProgress /> : 'Connect'}
</Button> </Button>
</Stack> </Stack>
</Container> </Container>
)}
</Container> </Container>
</Dialog> </Dialog>
); );