Change the bottom block

Author: KeenWarrior

src/views/pages/Course/ApplyModal.js

@@ -97,7 +97,7 @@ export default function ApplyModal() {
         variant="contained"
         onClick={handleClickOpen}
       >
-        Enquire
+        Enquire Now
       </Button>
       <Dialog
         fullWidth

src/views/pages/Course/FinalAction.js

@@ -1,11 +1,9 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import { Box, Grid, Typography, Card, Button } from '@material-ui/core';
 import DetailsBottom from './partials/DetailsBottom';
 
-import { login } from 'src/actions/accountActions';
-import axios from 'src/utils/axios';
-import { useDispatch, useSelector } from 'react-redux';
+import ApplyModal from './ApplyModal';
 
 const useStyles = makeStyles(theme => ({
   icon: {
@@ -89,23 +87,6 @@ const useStyles = makeStyles(theme => ({
 
 export default function FinalAction({ course, batch }) {
   const classes = useStyles();
-  const [applyState, setApplyState] = useState('Enquire');
-
-  const user = useSelector(state => state.account.user);
-  const baseUrl =
-    'https://us-central1-codeforcauseorg.cloudfunctions.net/widgets/applications';
-  const dispatch = useDispatch();
-  const handleApply = () => {
-    const url = `${baseUrl}/${batch.courseId}`;
-    if (!user) {
-      dispatch(login());
-    } else {
-      setApplyState('Generating...');
-      axios.post(url).then(result => {
-        window.location.href = `/applications?id=${result.data.id}`;
-      });
-    }
-  };
 
   return (
     <Grid container className={classes.root}>
@@ -230,19 +211,9 @@ export default function FinalAction({ course, batch }) {
               </Box>
             </Box>
           </Card>
-
-          <Button
-            variant="contained"
-            color="secondary"
-            onClick={handleApply}
-            fullWidth
-            style={{
-              marginTop: '24px',
-              textTransform: 'capitalize'
-            }}
-          >
-            {applyState}
-          </Button>
+          
+          <ApplyModal />
+          
         </Box>
       </Grid>
     </Grid>