Adrien Béraud | 88a5244 | 2021-04-26 12:11:41 -0400 | [diff] [blame] | 1 | import React from 'react'; |
Adrien Béraud | ab519ff | 2022-05-03 15:34:48 -0400 | [diff] [blame] | 2 | import { Container, Card, CardContent, Typography, List, Avatar, Divider } from '@mui/material'; |
| 3 | import makeStyles from '@mui/styles/makeStyles'; |
| 4 | import { DialerSipRounded, GroupOutlined, RoomRounded } from '@mui/icons-material'; |
Adrien Béraud | 88a5244 | 2021-04-26 12:11:41 -0400 | [diff] [blame] | 5 | import ListItemLink from '../components/ListItemLink'; |
| 6 | |
| 7 | const useStyles = makeStyles((theme) => ({ |
| 8 | wizardCard: { |
| 9 | borderRadius: 8, |
| 10 | maxWidth: 360, |
| 11 | margin: "16px auto" |
| 12 | } |
| 13 | })) |
| 14 | |
| 15 | export default function AccountCreationDialog(props) { |
| 16 | const classes = useStyles() |
| 17 | |
| 18 | return ( |
| 19 | <Container> |
| 20 | <Card className={classes.wizardCard}> |
| 21 | <CardContent> |
| 22 | <Typography gutterBottom variant="h5" component="h2"> |
| 23 | Create new account |
| 24 | </Typography> |
| 25 | <Typography variant="body2" color="textSecondary" component="p"> |
| 26 | Welcome to the Jami web node setup.<br /> |
| 27 | Let's start by creating a new administrator account to control access to the server configuration. |
| 28 | </Typography> |
| 29 | </CardContent> |
| 30 | |
| 31 | <List className={classes.root}> |
| 32 | <ListItemLink |
| 33 | to="/newAccount/rendezVous" |
| 34 | icon={<Avatar><RoomRounded /></Avatar>} |
| 35 | primary="Rendez-vous point" |
| 36 | secondary="A Rendez-vous account provides a unique space suitable to easily organize meetings" /> |
| 37 | <Divider /> |
| 38 | <ListItemLink |
| 39 | to="/newAccount/jami" |
| 40 | icon={<Avatar><GroupOutlined /></Avatar>} |
| 41 | primary="Jami account" |
| 42 | secondary="A pesonal communication account to join a Rendez-vous point or directly contact other Jami users" /> |
| 43 | <Divider /> |
| 44 | <ListItemLink |
| 45 | to="/newAccount/sip" |
| 46 | icon={<Avatar><DialerSipRounded /></Avatar>} |
| 47 | primary="SIP Account" |
| 48 | secondary="Connect with standard SIP communication providers or classic telephony services" /> |
| 49 | </List> |
| 50 | </Card> |
| 51 | </Container>) |
| 52 | } |