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 'var(--catppuccin-color-crust)',
9 'var(--catppuccin-color-green-900)',
10 'var(--catppuccin-color-green-500)',
11 'var(--catppuccin-color-green-200)',
12 'var(--catppuccin-color-green-50)',
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={3} blockRadius={1} blockSize={10}
27 {...props} />;
28}