feat: continue session handle in frontend

This commit is contained in:
canove
2020-09-05 17:43:09 -03:00
parent 40e2e5e8a6
commit f423dd60bc
5 changed files with 271 additions and 87 deletions

View File

@@ -1,37 +1,37 @@
import React from "react";
import QRCode from "qrcode.react";
import {
Dialog,
DialogContent,
Paper,
Typography,
DialogTitle,
} from "@material-ui/core";
import { i18n } from "../../translate/i18n";
const QrcodeModal = ({ open, onClose, session }) => {
if (session) {
return (
<Dialog open={open} onClose={onClose} maxWidth="lg" scroll="paper">
<DialogTitle>{session.name}</DialogTitle>
<DialogContent>
<Paper elevation={0}>
<Typography color="primary" gutterBottom>
{i18n.t("qrCode.message")}
</Typography>
{session.qrcode ? (
<QRCode value={session.qrcode} size={256} />
) : (
<span>loading</span>
)}
</Paper>
</DialogContent>
</Dialog>
);
} else {
return null;
}
};
export default QrcodeModal;
import React from "react";
import QRCode from "qrcode.react";
import {
Dialog,
DialogContent,
Paper,
Typography,
DialogTitle,
} from "@material-ui/core";
import { i18n } from "../../translate/i18n";
const QrcodeModal = ({ open, onClose, session }) => {
if (session) {
return (
<Dialog open={open} onClose={onClose} maxWidth="lg" scroll="paper">
<DialogTitle>{session.name}</DialogTitle>
<DialogContent>
<Paper elevation={0}>
<Typography color="primary" gutterBottom>
{i18n.t("qrCode.message")}
</Typography>
{session.qrcode ? (
<QRCode value={session.qrcode} size={256} />
) : (
<span>Waiting for QR Code</span>
)}
</Paper>
</DialogContent>
</Dialog>
);
} else {
return null;
}
};
export default QrcodeModal;