All files / app/features/communities/events MakeCoOrganizerDialog.tsx

77.77% Statements 7/9
0% Branches 0/2
50% Functions 1/2
87.5% Lines 7/8

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54  2x             2x 2x 2x   2x             41x             41x                                                      
import { DialogProps } from "@mui/material";
import Button from "components/Button";
import {
  Dialog,
  DialogActions,
  DialogContent,
  DialogContentText,
  DialogTitle,
} from "components/Dialog";
import { useTranslation } from "i18n";
import { COMMUNITIES } from "i18n/namespaces";
 
export const MAKE_CO_ORGANIZER_DIALOG_LABEL_ID = "make-co-organizer";
 
type MakeCoOrganizerDialogProps = {
  username: string;
  eventName: string;
} & DialogProps;
 
export default function MakeCoOrganizerDialog({
  onClose,
  onSubmit,
  username,
  eventName,
  open,
}: MakeCoOrganizerDialogProps) {
  const { t } = useTranslation([COMMUNITIES]);
 
  return (
    <Dialog aria-labelledby={MAKE_CO_ORGANIZER_DIALOG_LABEL_ID} open={open}>
      <DialogTitle id={MAKE_CO_ORGANIZER_DIALOG_LABEL_ID}>
        {t("communities:make_co_organizer:dialog_title", { name: username })}
      </DialogTitle>
      <DialogContent>
        <DialogContentText>
          {t("communities:make_co_organizer:dialog_text", {
            name: username,
            event: eventName,
          })}
        </DialogContentText>
        <DialogActions>
          <Button
            variant="outlined"
            onClick={() => (onClose ? onClose({}, "escapeKeyDown") : null)}
          >
            {t("global:cancel")}
          </Button>
          <Button onClick={onSubmit}>{t("global:confirm")}</Button>
        </DialogActions>
      </DialogContent>
    </Dialog>
  );
}