joshuacoles/revision-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bring some more things into the render fn

Browse Source
This commit is contained in:
Joshua Coles 2023-12-24 18:40:33 +00:00
parent a61677fe35
commit 52b6b0eaee
1 changed files with 19 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/heatmap/index.tsx
View File

@ -274,33 +274,6 @@ class CalendarHeatmap extends React.Component {
);
}
renderAllWeeks() {
return getRange(this.getWeekCount()).map((weekIndex) => this.renderWeek(weekIndex));
}
renderMonthLabels() {
if (!this.props.showMonthLabels) {
return null;
}
const adapter = (date) => {
const [x, y] = this.getMonthLabelCoordinates(dFns.differenceInWeeks(date, this.props.startDate));
return {
x,
y
}
};
return <>
<MonthLabels
startDate={this.props.startDate}
endDate={this.props.endDate}
getMonthLabelCoordinates={adapter}
/>
{/*{...a}*/}
</>
}
renderWeekdayLabels() {
if (!this.props.showWeekdayLabels) {
return null;
@ -322,19 +295,36 @@ class CalendarHeatmap extends React.Component {
render() {
this.valueCache = this.getValueCache(this.props);
const monthPositionAdapter = (date) => {
const [x, y] = this.getMonthLabelCoordinates(dFns.differenceInWeeks(date, this.props.startDate));
return {
x,
y
}
};
const weeks = dFns.eachWeekOfInterval({
start: this.props.startDate,
end: this.props.endDate,
});
return (
<svg className="react-calendar-heatmap" viewBox={this.getViewBox()}>
<g
transform={this.getTransformForMonthLabels()}
className={`${CSS_PSEDUO_NAMESPACE}month-labels`}
>
{this.renderMonthLabels()}
{this.props.showMonthLabels && <MonthLabels
startDate={this.props.startDate}
endDate={this.props.endDate}
getMonthLabelCoordinates={monthPositionAdapter}
/>}
</g>
<g
transform={this.getTransformForAllWeeks()}
className={`${CSS_PSEDUO_NAMESPACE}all-weeks`}
>
{this.renderAllWeeks()}
{weeks.map((_, index) => this.renderWeek(index))}
</g>
<g
transform={this.getTransformForWeekdayLabels()}