feat: use typography for discard message
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
import React, { useState } from 'react'
|
import React, { useState } from 'react'
|
||||||
import { Paper, Grid, IconButton, Button, Box } from '@mui/material';
|
import { Paper, Grid, IconButton, Button, Box, Typography } from '@mui/material';
|
||||||
import { SaveRecording } from "./SaveRecording";
|
import { SaveRecording } from "./SaveRecording";
|
||||||
import { Circle, Add, Logout, Clear } from "@mui/icons-material";
|
import { Circle, Add, Logout, Clear } from "@mui/icons-material";
|
||||||
import { useGlobalInfoStore } from '../../context/globalInfo';
|
import { useGlobalInfoStore } from '../../context/globalInfo';
|
||||||
@@ -44,7 +44,7 @@ const BrowserRecordingSave = () => {
|
|||||||
</Button>
|
</Button>
|
||||||
<GenericModal isOpen={openModal} onClose={() => setOpenModal(false)} modalStyle={modalStyle}>
|
<GenericModal isOpen={openModal} onClose={() => setOpenModal(false)} modalStyle={modalStyle}>
|
||||||
<Box p={2}>
|
<Box p={2}>
|
||||||
<h2>Are you sure you want to discard the recording?</h2>
|
<Typography variant="h6">Are you sure you want to discard the recording?</Typography>
|
||||||
<Box display="flex" justifyContent="space-between" mt={2}>
|
<Box display="flex" justifyContent="space-between" mt={2}>
|
||||||
<Button onClick={goToMainMenu} variant="contained" color="error">
|
<Button onClick={goToMainMenu} variant="contained" color="error">
|
||||||
Discard
|
Discard
|
||||||
|
|||||||
Reference in New Issue
Block a user