fix styles
This commit is contained in:
parent
8e60f78494
commit
ebe6603f5e
|
@ -1,4 +1,4 @@
|
||||||
import { Button, DialogContent, Typography } from '@mui/material';
|
import { Box, Button, DialogContent, Typography } from '@mui/material';
|
||||||
import VerticallyCentered from 'components/Container';
|
import VerticallyCentered from 'components/Container';
|
||||||
import DialogBoxBase from 'components/DialogBox/base';
|
import DialogBoxBase from 'components/DialogBox/base';
|
||||||
import DialogTitleWithCloseButton from 'components/DialogBox/titleWithCloseButton';
|
import DialogTitleWithCloseButton from 'components/DialogBox/titleWithCloseButton';
|
||||||
|
@ -8,7 +8,7 @@ import billingService from 'services/billingService';
|
||||||
import { getFamilyPlanAdmin } from 'utils/billing';
|
import { getFamilyPlanAdmin } from 'utils/billing';
|
||||||
import constants from 'utils/strings/constants';
|
import constants from 'utils/strings/constants';
|
||||||
export function MemberSubscriptionManage({ open, userDetails, onClose }) {
|
export function MemberSubscriptionManage({ open, userDetails, onClose }) {
|
||||||
const { setDialogMessage } = useContext(AppContext);
|
const { setDialogMessage, isSmallDisplay } = useContext(AppContext);
|
||||||
|
|
||||||
async function onLeaveFamilyClick() {
|
async function onLeaveFamilyClick() {
|
||||||
try {
|
try {
|
||||||
|
@ -40,7 +40,11 @@ export function MemberSubscriptionManage({ open, userDetails, onClose }) {
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<DialogBoxBase open={open} onClose={onClose} maxWidth="xs">
|
<DialogBoxBase
|
||||||
|
open={open}
|
||||||
|
onClose={onClose}
|
||||||
|
maxWidth="xs"
|
||||||
|
fullScreen={isSmallDisplay}>
|
||||||
<DialogTitleWithCloseButton onClose={onClose}>
|
<DialogTitleWithCloseButton onClose={onClose}>
|
||||||
<Typography variant="h3">{constants.SUBSCRIPTION}</Typography>
|
<Typography variant="h3">{constants.SUBSCRIPTION}</Typography>
|
||||||
<Typography color={'text.secondary'}>
|
<Typography color={'text.secondary'}>
|
||||||
|
@ -49,12 +53,14 @@ export function MemberSubscriptionManage({ open, userDetails, onClose }) {
|
||||||
</DialogTitleWithCloseButton>
|
</DialogTitleWithCloseButton>
|
||||||
<DialogContent>
|
<DialogContent>
|
||||||
<VerticallyCentered>
|
<VerticallyCentered>
|
||||||
<Typography color="text.secondary">
|
<Box mb={4}>
|
||||||
{constants.FAMILY_SUBSCRIPTION_INFO}
|
<Typography color="text.secondary">
|
||||||
</Typography>
|
{constants.FAMILY_SUBSCRIPTION_INFO}
|
||||||
<Typography>
|
</Typography>
|
||||||
{getFamilyPlanAdmin(userDetails.familyData)?.email}
|
<Typography>
|
||||||
</Typography>
|
{getFamilyPlanAdmin(userDetails.familyData)?.email}
|
||||||
|
</Typography>
|
||||||
|
</Box>
|
||||||
<img
|
<img
|
||||||
height="267px"
|
height="267px"
|
||||||
width="256px"
|
width="256px"
|
||||||
|
|
Loading…
Reference in a new issue