beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix styles

Browse source
This commit is contained in:
Abhinav 2022-06-24 15:04:52 +05:30
parent 8e60f78494
commit ebe6603f5e
1 changed files with 15 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/MemberSubscriptionManage.tsx
View file

@ -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>
<Box mb={4}>
<Typography color="text.secondary"> <Typography color="text.secondary">
{constants.FAMILY_SUBSCRIPTION_INFO} {constants.FAMILY_SUBSCRIPTION_INFO}
</Typography> </Typography>
<Typography> <Typography>
{getFamilyPlanAdmin(userDetails.familyData)?.email} {getFamilyPlanAdmin(userDetails.familyData)?.email}
</Typography> </Typography>
</Box>
<img <img
height="267px" height="267px"
width="256px" width="256px"