Added an option to display a custom footer

Added an option in config file.
Added a component which renders the custom footer or a default footer if
no custom footer is defined.
Updated readme file with related instructions.
This commit is contained in:
Christian Sarnataro
2023-01-04 20:36:03 +01:00
parent a7fa79b3ee
commit fff850f94f
6 changed files with 106 additions and 33 deletions

View File

@@ -0,0 +1,41 @@
import PropTypes from 'prop-types';
import { skeleton } from '../../helpers/utils';
const DefaultFooter = () => {
return (
<a
href="https://github.com/arifszn/gitprofile"
target="_blank"
rel="noreferrer"
>
<div>
<p className="font-mono text-sm">
Made with <span className="text-primary">GitProfile</span> and
</p>
</div>
</a>
);
};
const Footer = ({ content, loading }) => {
let footerContent = null;
if (content) {
footerContent = <div dangerouslySetInnerHTML={{ __html: content }} />;
} else {
footerContent = <DefaultFooter />;
}
return (
<div className="card-body">
{loading ? skeleton({ width: 'w-52', height: 'h-6' }) : footerContent}
</div>
);
};
Footer.propTypes = {
content: PropTypes.string,
loading: PropTypes.bool.isRequired,
};
export default Footer;