Add UploadDialog.

Author: joewz

src/routes.js

@@ -4,7 +4,8 @@ const About = React.lazy(() => import('./views/about/About'))
 const Dashboard = React.lazy(() => import('./views/dashboard/Dashboard'))
 const Colors = React.lazy(() => import('./views/theme/colors/Colors'))
 const Typography = React.lazy(() => import('./views/theme/typography/Typography'))
-const Upload = React.lazy(() => import('./views/buttons/buttons/Buttons'))
+// const Upload = React.lazy(() => import('./views/notifications/modals/Modals'))
+const Upload = React.lazy(() => import('./views/upload-dialog/UploadDialog')) // /Users/zhouqiangw/Desktop/studio/coreui-react-admin/src/views/upload-dialog/index.js
 
 // Base
 const Accordion = React.lazy(() => import('./views/base/accordion/Accordion'))

src/views/upload-dialog/UploadDialog.js

@@ -0,0 +1,56 @@
+import React, { useState } from 'react'
+import {
+  CButton,
+  CLink,
+  CModal,
+  CModalHeader,
+  CModalTitle,
+  CModalBody,
+  CPopover,
+  CTooltip,
+  CModalFooter,
+} from '@coreui/react'
+
+const UploadDialog = () => {
+  const [visible, setVisible] = useState(false)
+  return (
+    <>
+      <CButton onClick={() => setVisible(!visible)}>Launch demo modal</CButton>
+      <CModal alignment="center" visible={visible} onClose={() => setVisible(false)}>
+        <CModalHeader>
+          <CModalTitle>Modal title</CModalTitle>
+        </CModalHeader>
+        <CModalBody>
+          <h5>Popover in a modal</h5>
+          <p>
+            This
+            <CPopover title="Popover title" content="Popover body content is set in this property.">
+              <CButton>button</CButton>
+            </CPopover>{' '}
+            triggers a popover on click.
+          </p>
+          <hr />
+          <h5>Tooltips in a modal</h5>
+          <p>
+            <CTooltip content="Tooltip">
+              <CLink>This link</CLink>
+            </CTooltip>{' '}
+            and
+            <CTooltip content="Tooltip">
+              <CLink>that link</CLink>
+            </CTooltip>{' '}
+            have tooltips on hover.
+          </p>
+        </CModalBody>
+        <CModalFooter>
+          <CButton color="secondary" onClick={() => setVisible(false)}>
+            Close
+          </CButton>
+          <CButton color="primary">Save changes</CButton>
+        </CModalFooter>
+      </CModal>
+    </>
+  )
+}
+
+export default UploadDialog