- implement duplicate resume functionality

src/components/builder/left/LeftNavbar.js

@@ -1,5 +1,6 @@
 import { Link } from 'gatsby';
 import React, { memo } from 'react';
+import { Tooltip } from '@material-ui/core';
 import sections from '../../../data/leftSections';
 import Avatar from '../../shared/Avatar';
 import Logo from '../../shared/Logo';
@@ -8,9 +9,13 @@ import styles from './LeftNavbar.module.css';
 
 const LeftNavbar = () => (
   <div className={styles.container}>
-    <Link to="/app/dashboard">
-      <Logo size="40px" />
-    </Link>
+    <Tooltip title="Go Back to Dashboard" placement="right">
+      <div>
+        <Link to="/app/dashboard">
+          <Logo size="40px" />
+        </Link>
+      </div>
+    </Tooltip>
 
     <hr className="my-6" />
 

src/components/dashboard/ResumePreview.js

@@ -11,7 +11,7 @@ import styles from './ResumePreview.module.css';
 const ResumePreview = ({ resume }) => {
   const [anchorEl, setAnchorEl] = useState(null);
   const { emitter, events } = useContext(ModalContext);
-  const { deleteResume } = useContext(DatabaseContext);
+  const { duplicateResume, deleteResume } = useContext(DatabaseContext);
 
   const handleOpen = () => navigate(`/app/builder/${resume.id}`);
 
@@ -19,6 +19,11 @@ const ResumePreview = ({ resume }) => {
     setAnchorEl(event.currentTarget);
   };
 
+  const handleDuplicate = () => {
+    duplicateResume(resume);
+    setAnchorEl(null);
+  };
+
   const handleRename = () => {
     emitter.emit(events.CREATE_RESUME_MODAL, resume);
     setAnchorEl(null);
@@ -62,6 +67,7 @@ const ResumePreview = ({ resume }) => {
           open={Boolean(anchorEl)}
           onClose={handleMenuClose}
         >
+          <MenuItem onClick={handleDuplicate}>Duplicate</MenuItem>
           <MenuItem onClick={handleRename}>Rename</MenuItem>
           <MenuItem onClick={handleDelete}>
             <span className="text-red-600 font-medium">Delete</span>