WIP website
banana.tngl.sh
1import React from 'react';
2
3export default function GitHubWrapper({ username, ...props }) {
4 const [GitHubCalendar, setGitHubCalendar] = React.useState(null);
5
6 const theme = {
7 dark: [
8 '#11111b',
9 '#2b7a24',
10 '#41b536',
11 '#6FD166',
12 '#A6E3A1',
13 ],
14 };
15 React.useEffect(() => {
16 import('react-github-calendar').then((module) => {
17 setGitHubCalendar(() => module.default);
18 });
19 }, []);
20
21 if (!GitHubCalendar) {
22 return <div>Loading GitHub calendar...</div>;
23 }
24
25 return <GitHubCalendar username={username} theme={theme}
26 blockMargin={4} blockRadius={8} blockSize={10}
27 {...props} />;
28}