How to use material-ui-confirm - 4 common examples

To help you get started, we’ve selected a few material-ui-confirm examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github thewca / wca-live / client / src / components / admin / EventCard / RoundListItem / RoundListItem.js View on Github external
This will irreversibly remove all results
                from ${event.name} - ${round.name}.
              `,
            })}
            disabled={clearLoading}
          >
            Clear
          </Button>
        )}
        {clearError && <ErrorSnackbar error={clearError} />}
      </ListItemSecondaryAction>
    </ListItem>
  );
};

export default withConfirm(RoundListItem);
github thewca / wca-live / client / src / components / admin / ResultForm / ResultForm.js View on Github external
['ArrowUp', 'ArrowDown', 'Enter'].includes(event.key) &&
        event.target === document.body
      ) {
        const [firstInput] = getInputs(container);
        if (firstInput) {
          firstInput.focus();
          firstInput.select();
        }
      }
    };
    window.addEventListener('keydown', handleKeyPress);
    return () => window.removeEventListener('keydown', handleKeyPress);
  }, [container]);
};

export default withConfirm(ResultForm);
github thewca / wca-live / client / src / components / admin / AdminCompetitionList / AdminCompetitionList.js View on Github external
>
          <ListItemText
            primary={competition.name}
            secondary={formatDateRange(
              competition.schedule.startDate,
              competition.schedule.endDate
            )}
          />
        </ListItem>
      ))}
      {error && <ErrorSnackbar error={error} />}
    </List>
  );
};

export default withRouter(withConfirm(AdminCompetitionList));
github thewca / wca-live / client / src / components / admin / ResultMenu / ResultMenu.js View on Github external
<QuitCompetitorDialog
          open={quitDialogOpen}
          onClose={() => {
            setQuitDialogOpen(false);
            onClose();
          }}
          competitor={result.person}
          competitionId={competitionId}
          roundId={roundId}
        />
      )}
    </Fragment>
  );
};

export default withConfirm(ResultMenu);

material-ui-confirm

Higher order component for straightforward use of @material-ui/core confirmation dialogs.

MIT
Latest version published 1 month ago

Package Health Score

80 / 100
Full package analysis

Popular material-ui-confirm functions