IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

anonymous functions were transformned into named functions

Browse Source
This commit is contained in:
Vladimir Khvan 2023-02-08 17:18:32 +05:00
parent 92bab8e189
commit f07b05b934
3 changed files with 48 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
packages/components/calendar/sub-components/DaysHeader.js
View File

@ -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}
/>

38
packages/components/calendar/sub-components/MonthsHeader.js
View File

@ -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}
/>

27
packages/components/calendar/sub-components/YearsHeader.js
View File

@ -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}
/>