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

24
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 DialogBoxBase from 'components/DialogBox/base';
import DialogTitleWithCloseButton from 'components/DialogBox/titleWithCloseButton';
@ -8,7 +8,7 @@ import billingService from 'services/billingService';
import { getFamilyPlanAdmin } from 'utils/billing';
import constants from 'utils/strings/constants';
export function MemberSubscriptionManage({ open, userDetails, onClose }) {
const { setDialogMessage } = useContext(AppContext);
const { setDialogMessage, isSmallDisplay } = useContext(AppContext);
async function onLeaveFamilyClick() {
try {
@ -40,7 +40,11 @@ export function MemberSubscriptionManage({ open, userDetails, onClose }) {
}
return (
<DialogBoxBase open={open} onClose={onClose} maxWidth="xs">
<DialogBoxBase
open={open}
onClose={onClose}
maxWidth="xs"
fullScreen={isSmallDisplay}>
<DialogTitleWithCloseButton onClose={onClose}>
<Typography variant="h3">{constants.SUBSCRIPTION}</Typography>
<Typography color={'text.secondary'}>
@ -49,12 +53,14 @@ export function MemberSubscriptionManage({ open, userDetails, onClose }) {
</DialogTitleWithCloseButton>
<DialogContent>
<VerticallyCentered>
<Typography color="text.secondary">
{constants.FAMILY_SUBSCRIPTION_INFO}
</Typography>
<Typography>
{getFamilyPlanAdmin(userDetails.familyData)?.email}
</Typography>
<Box mb={4}>
<Typography color="text.secondary">
{constants.FAMILY_SUBSCRIPTION_INFO}
</Typography>
<Typography>
{getFamilyPlanAdmin(userDetails.familyData)?.email}
</Typography>
</Box>
<img
height="267px"
width="256px"