@churchapps/apphelper
Version:
Library of helper functions for React and NextJS ChurchApps
9 lines • 1.81 kB
JavaScript
"use client";
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { Button, Dialog, DialogActions, DialogContent, DialogTitle, Icon, Stack } from "@mui/material";
import { Locale } from "../helpers";
export const SupportModal = ({ appName = "", onClose }) => {
const subject = appName ? `?subject=${appName} Support` : "";
return (_jsx(_Fragment, { children: _jsxs(Dialog, { open: true, onClose: onClose, "aria-labelledby": "support-modal-title", "aria-describedby": "support-modal-content", children: [_jsx(DialogTitle, { id: "support-modal-title", children: "Get Support" }), _jsxs(DialogContent, { id: "support-modal-content", children: [_jsxs(Stack, { direction: "row", alignItems: "center", sx: { flexWrap: "wrap" }, children: [_jsx("b", { children: _jsxs(Stack, { direction: "row", alignItems: "center", mr: "5px", children: [_jsx(Icon, { sx: { marginRight: "5px" }, children: "info" }), " ", Locale.label("support.documentation"), ":"] }) }), " ", _jsx("a", { href: "https://support.churchapps.org", target: "_new", children: "https://support.churchapps.org" })] }), _jsxs(Stack, { direction: "row", alignItems: "center", sx: { flexWrap: "wrap" }, mb: 2, children: [_jsx("b", { children: _jsxs(Stack, { direction: "row", alignItems: "center", mr: "5px", children: [_jsx(Icon, { sx: { marginRight: "5px" }, children: "forum" }), " ", Locale.label("support.discussions"), ":"] }) }), " ", _jsx("a", { href: "https://github.com/orgs/ChurchApps/discussions", target: "_new", children: "https://github.com/orgs/ChurchApps/discussions" })] })] }), _jsx(DialogActions, { sx: { paddingX: "16px", paddingBottom: "12px" }, children: _jsx(Button, { variant: "outlined", onClick: onClose, children: "Close" }) })] }) }));
};
//# sourceMappingURL=SupportModal.js.map