anonymous functions were transformned into named functions
This commit is contained in:
parent
92bab8e189
commit
f07b05b934
@ -1,16 +1,6 @@
|
||||
import { HeaderContainer, Title } from "../styled-components";
|
||||
import { HeaderButtons } from "./HeaderButtons";
|
||||
|
||||
const onLeftClick = (setObservedDate) =>
|
||||
setObservedDate((prevObservedDate) =>
|
||||
prevObservedDate.clone().subtract(1, "month")
|
||||
);
|
||||
|
||||
const onRightClick = (setObservedDate) =>
|
||||
setObservedDate((prevObservedDate) =>
|
||||
prevObservedDate.clone().add(1, "month")
|
||||
);
|
||||
|
||||
export const DaysHeader = ({
|
||||
observedDate,
|
||||
setObservedDate,
|
||||
@ -18,24 +8,34 @@ export const DaysHeader = ({
|
||||
minDate,
|
||||
maxDate,
|
||||
}) => {
|
||||
const onTitleClick = () =>
|
||||
setSelectedScene((prevSelectedScene) => prevSelectedScene + 1);
|
||||
|
||||
const onLeftClick = () =>
|
||||
setObservedDate((prevObservedDate) =>
|
||||
prevObservedDate.clone().subtract(1, "month")
|
||||
);
|
||||
|
||||
const onRightClick = () =>
|
||||
setObservedDate((prevObservedDate) =>
|
||||
prevObservedDate.clone().add(1, "month")
|
||||
);
|
||||
|
||||
const isLeftDisabled =
|
||||
observedDate.clone().subtract(1, "month").endOf("month") < minDate;
|
||||
const isRightDisabled =
|
||||
observedDate.clone().add(1, "month").startOf("month") > maxDate;
|
||||
|
||||
return (
|
||||
<HeaderContainer>
|
||||
<Title
|
||||
onClick={() =>
|
||||
setSelectedScene((prevSelectedScene) => prevSelectedScene + 1)
|
||||
}
|
||||
>
|
||||
<Title onClick={onTitleClick}>
|
||||
{observedDate.format("MMMM").charAt(0).toUpperCase() +
|
||||
observedDate.format("MMMM").substring(1)}{" "}
|
||||
{observedDate.year()}
|
||||
</Title>
|
||||
<HeaderButtons
|
||||
onLeftClick={() => onLeftClick(setObservedDate)}
|
||||
onRightClick={() => onRightClick(setObservedDate)}
|
||||
onLeftClick={onLeftClick}
|
||||
onRightClick={onRightClick}
|
||||
isLeftDisabled={isLeftDisabled}
|
||||
isRightDisabled={isRightDisabled}
|
||||
/>
|
||||
|
@ -1,17 +1,6 @@
|
||||
import { HeaderContainer, Title } from "../styled-components";
|
||||
import { HeaderButtons } from "./HeaderButtons";
|
||||
|
||||
const onLeftClick = (setObservedDate) => {
|
||||
setObservedDate((prevObservedDate) =>
|
||||
prevObservedDate.clone().subtract(1, "year")
|
||||
);
|
||||
};
|
||||
const onRightClick = (setObservedDate) => {
|
||||
setObservedDate((prevObservedDate) =>
|
||||
prevObservedDate.clone().add(1, "year")
|
||||
);
|
||||
};
|
||||
|
||||
export const MonthsHeader = ({
|
||||
observedDate,
|
||||
setObservedDate,
|
||||
@ -19,24 +8,33 @@ export const MonthsHeader = ({
|
||||
minDate,
|
||||
maxDate,
|
||||
}) => {
|
||||
const onTitleClick = () =>
|
||||
setSelectedScene((prevSelectedScene) => prevSelectedScene + 1);
|
||||
|
||||
const onLeftClick = () =>
|
||||
setObservedDate((prevObservedDate) =>
|
||||
prevObservedDate.clone().subtract(1, "year")
|
||||
);
|
||||
|
||||
const onRightClick = () =>
|
||||
setObservedDate((prevObservedDate) =>
|
||||
prevObservedDate.clone().add(1, "year")
|
||||
);
|
||||
|
||||
const isLeftDisabled =
|
||||
observedDate.clone().subtract(1, "year").endOf("year").endOf("month") <
|
||||
minDate;
|
||||
|
||||
const isRightDisabled =
|
||||
observedDate.clone().add(1, "year").startOf("year").startOf("month") >
|
||||
maxDate;
|
||||
|
||||
return (
|
||||
<HeaderContainer>
|
||||
<Title
|
||||
onClick={() =>
|
||||
setSelectedScene((prevSelectedScene) => prevSelectedScene + 1)
|
||||
}
|
||||
>
|
||||
{observedDate.year()}
|
||||
</Title>
|
||||
<Title onClick={onTitleClick}>{observedDate.year()}</Title>
|
||||
<HeaderButtons
|
||||
onLeftClick={() => onLeftClick(setObservedDate)}
|
||||
onRightClick={() => onRightClick(setObservedDate)}
|
||||
onLeftClick={onLeftClick}
|
||||
onRightClick={onRightClick}
|
||||
isLeftDisabled={isLeftDisabled}
|
||||
isRightDisabled={isRightDisabled}
|
||||
/>
|
||||
|
@ -2,18 +2,6 @@ import moment from "moment";
|
||||
import { HeaderContainer, Title } from "../styled-components";
|
||||
import { HeaderButtons } from "./HeaderButtons";
|
||||
|
||||
const onLeftClick = (setObservedDate) => {
|
||||
setObservedDate((prevObservedDate) =>
|
||||
prevObservedDate.clone().subtract(10, "year")
|
||||
);
|
||||
};
|
||||
|
||||
const onRightClick = (setObservedDate) => {
|
||||
setObservedDate((prevObservedDate) =>
|
||||
prevObservedDate.clone().add(10, "year")
|
||||
);
|
||||
};
|
||||
|
||||
export const YearsHeader = ({
|
||||
observedDate,
|
||||
setObservedDate,
|
||||
@ -22,6 +10,17 @@ export const YearsHeader = ({
|
||||
}) => {
|
||||
const selectedYear = observedDate.year();
|
||||
const firstYear = selectedYear - (selectedYear % 10);
|
||||
|
||||
const onLeftClick = () =>
|
||||
setObservedDate((prevObservedDate) =>
|
||||
prevObservedDate.clone().subtract(10, "year")
|
||||
);
|
||||
|
||||
const onRightClick = () =>
|
||||
setObservedDate((prevObservedDate) =>
|
||||
prevObservedDate.clone().add(10, "year")
|
||||
);
|
||||
|
||||
const isLeftDisabled =
|
||||
moment(`${firstYear - 1}`)
|
||||
.endOf("year")
|
||||
@ -34,8 +33,8 @@ export const YearsHeader = ({
|
||||
{firstYear}-{firstYear + 9}
|
||||
</Title>
|
||||
<HeaderButtons
|
||||
onLeftClick={() => onLeftClick(setObservedDate)}
|
||||
onRightClick={() => onRightClick(setObservedDate)}
|
||||
onLeftClick={onLeftClick}
|
||||
onRightClick={onRightClick}
|
||||
isLeftDisabled={isLeftDisabled}
|
||||
isRightDisabled={isRightDisabled}
|
||||
/>
|
||||
|
Loading…
Reference in New Issue
Block a user