naming to BootstrapDialogTitle

mui · May 6, 2021 · 5a86483 · 5a86483
1 parent 8264f14
commit 5a86483
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 13 deletions.
diff --git a/docs/src/pages/components/dialogs/CustomizedDialogs.js b/docs/src/pages/components/dialogs/CustomizedDialogs.js
@@ -2,18 +2,18 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import Button from '@material-ui/core/Button';
 import Dialog from '@material-ui/core/Dialog';
-import MuiDialogTitle from '@material-ui/core/DialogTitle';
+import DialogTitle from '@material-ui/core/DialogTitle';
 import DialogContent from '@material-ui/core/DialogContent';
 import DialogActions from '@material-ui/core/DialogActions';
 import IconButton from '@material-ui/core/IconButton';
 import CloseIcon from '@material-ui/icons/Close';
 import Typography from '@material-ui/core/Typography';
 
-const DialogTitle = (props) => {
+const BootstrapDialogTitle = (props) => {
   const { children, onClose, ...other } = props;
 
   return (
-    <MuiDialogTitle disableTypography sx={{ m: 0, p: 2 }} {...other}>
+    <DialogTitle disableTypography sx={{ m: 0, p: 2 }} {...other}>
       <Typography variant="h6" component="div">
         {children}
       </Typography>
@@ -31,11 +31,11 @@ const DialogTitle = (props) => {
           <CloseIcon />
         </IconButton>
       ) : null}
-    </MuiDialogTitle>
+    </DialogTitle>
   );
 };
 
-DialogTitle.propTypes = {
+BootstrapDialogTitle.propTypes = {
   children: PropTypes.node,
   onClose: PropTypes.func.isRequired,
 };
@@ -60,9 +60,9 @@ export default function CustomizedDialogs() {
         aria-labelledby="customized-dialog-title"
         open={open}
       >
-        <DialogTitle id="customized-dialog-title" onClose={handleClose}>
+        <BootstrapDialogTitle id="customized-dialog-title" onClose={handleClose}>
           Modal title
-        </DialogTitle>
+        </BootstrapDialogTitle>
         <DialogContent dividers sx={{ p: 2 }}>
           <Typography gutterBottom>
             Cras mattis consectetur purus sit amet fermentum. Cras justo odio,

diff --git a/docs/src/pages/components/dialogs/CustomizedDialogs.tsx b/docs/src/pages/components/dialogs/CustomizedDialogs.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Button from '@material-ui/core/Button';
 import Dialog from '@material-ui/core/Dialog';
-import MuiDialogTitle from '@material-ui/core/DialogTitle';
+import DialogTitle from '@material-ui/core/DialogTitle';
 import DialogContent from '@material-ui/core/DialogContent';
 import DialogActions from '@material-ui/core/DialogActions';
 import IconButton from '@material-ui/core/IconButton';
@@ -14,11 +14,11 @@ export interface DialogTitleProps {
   onClose: () => void;
 }
 
-const DialogTitle = (props: DialogTitleProps) => {
+const BootstrapDialogTitle = (props: DialogTitleProps) => {
   const { children, onClose, ...other } = props;
 
   return (
-    <MuiDialogTitle disableTypography sx={{ m: 0, p: 2 }} {...other}>
+    <DialogTitle disableTypography sx={{ m: 0, p: 2 }} {...other}>
       <Typography variant="h6" component="div">
         {children}
       </Typography>
@@ -36,7 +36,7 @@ const DialogTitle = (props: DialogTitleProps) => {
           <CloseIcon />
         </IconButton>
       ) : null}
-    </MuiDialogTitle>
+    </DialogTitle>
   );
 };
 
@@ -60,9 +60,9 @@ export default function CustomizedDialogs() {
         aria-labelledby="customized-dialog-title"
         open={open}
       >
-        <DialogTitle id="customized-dialog-title" onClose={handleClose}>
+        <BootstrapDialogTitle id="customized-dialog-title" onClose={handleClose}>
           Modal title
-        </DialogTitle>
+        </BootstrapDialogTitle>
         <DialogContent dividers sx={{ p: 2 }}>
           <Typography gutterBottom>
             Cras mattis consectetur purus sit amet fermentum. Cras justo odio,