Lambda-School-Labs/kansha-fe

View on GitHub
src/components/HelpModal/HelpModal.jsx

Summary

Maintainability
A
0 mins
Test Coverage
import React from 'react';
import HelpModalMenu from './HelpModalMenu';
import { Link } from 'react-router-dom';

const HelpModal = ({ title, content, setTitle, setContent, setHelpModal }) => {
    return (
        <div className="help-modal-container">
            <HelpModalMenu setTitle={setTitle} setContent={setContent} />
            <div className="help-modal-content">
                <Link
                    className="modal-dash-link"
                    onClick={() => setHelpModal(false)}
                    to="/">
                    Take me to my dashboard
                </Link>
                <h1>{title}</h1>
                <p>{content}</p>
            </div>
        </div>
    );
};

export default HelpModal;