mvv/findtheti.me
1
0
Fork 0
mirror of https://github.com/mvvasilev/findtheti.me.git synced 2025-04-19 13:39:52 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix naming

Browse source
This commit is contained in:
Miroslav Vasilev 2024-01-13 00:10:03 +02:00
parent 7032156177
commit bf6aa495ae
2 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/components/AvailabilityPickerDay.tsx
View file

@ -38,8 +38,8 @@ const AvailabilityPickerDay = (props: {
dateTime={fullHourTime} dateTime={fullHourTime}
halfHourDisplayHeight={props.halfHourDisplayHeight} halfHourDisplayHeight={props.halfHourDisplayHeight}
currentTotalRespondents={props.availabilityHeatmap.maxNumberOfRespondents} currentTotalRespondents={props.availabilityHeatmap.maxNumberOfRespondents}
namesMarkedFullHourAsAvailable={props.availabilityHeatmap.getNamesAt(fullHourTime.unix())} fullHourAvailableNames={props.availabilityHeatmap.getNamesAt(fullHourTime.unix())}
namesMarkedHalfHourAsAvailable={props.availabilityHeatmap.getNamesAt(halfHourTime.unix())} halfHourAvailableNames={props.availabilityHeatmap.getNamesAt(halfHourTime.unix())}
isFullHourSelected={props.day.availableTimes.some(a => utils.dayjsIsBetweenUnixExclusive(a.fromTime, fullHourTime, a.toTime))} isFullHourSelected={props.day.availableTimes.some(a => utils.dayjsIsBetweenUnixExclusive(a.fromTime, fullHourTime, a.toTime))}
isHalfHourSelected={props.day.availableTimes.some(a => utils.dayjsIsBetweenUnixExclusive(a.fromTime, halfHourTime, a.toTime))} isHalfHourSelected={props.day.availableTimes.some(a => utils.dayjsIsBetweenUnixExclusive(a.fromTime, halfHourTime, a.toTime))}
onMouseEnterHalfhour={(e: React.MouseEvent<HTMLDivElement, globalThis.MouseEvent>, time: dayjs.Dayjs): void => { onMouseEnterHalfhour={(e: React.MouseEvent<HTMLDivElement, globalThis.MouseEvent>, time: dayjs.Dayjs): void => {

16
frontend/src/components/AvailabilityPickerHour.tsx
View file

@ -19,8 +19,8 @@ const AvailabilityPickerHour = (props: {
isHalfHourSelected: boolean, isHalfHourSelected: boolean,
halfHourDisplayHeight: number, halfHourDisplayHeight: number,
currentTotalRespondents: number, currentTotalRespondents: number,
namesMarkedFullHourAsAvailable: String[], fullHourAvailableNames: String[],
namesMarkedHalfHourAsAvailable: String[], halfHourAvailableNames: String[],
onMouseEnterHalfhour: (e: React.MouseEvent<HTMLDivElement, globalThis.MouseEvent>, time: Dayjs) => void, onMouseEnterHalfhour: (e: React.MouseEvent<HTMLDivElement, globalThis.MouseEvent>, time: Dayjs) => void,
onMouseClickOnHalfhour: (time: Dayjs, isDelete: boolean) => void onMouseClickOnHalfhour: (time: Dayjs, isDelete: boolean) => void
}) => { }) => {
@ -47,8 +47,8 @@ const AvailabilityPickerHour = (props: {
className={"hour-light"} className={"hour-light"}
> >
<DisableableTooltip <DisableableTooltip
disabled={props.namesMarkedFullHourAsAvailable.length < 1} disabled={props.fullHourAvailableNames.length < 1}
title={generateTooltipText(props.namesMarkedFullHourAsAvailable)} title={generateTooltipText(props.fullHourAvailableNames)}
placement="top" placement="top"
disableInteractive disableInteractive
followCursor={true} followCursor={true}
@ -57,7 +57,7 @@ const AvailabilityPickerHour = (props: {
> >
<Box <Box
sx={{ sx={{
bgcolor: props.namesMarkedFullHourAsAvailable.length > 0 ? heatMapColorforValue(props.namesMarkedFullHourAsAvailable.length) : 'inherit' bgcolor: props.fullHourAvailableNames.length > 0 ? heatMapColorforValue(props.fullHourAvailableNames.length) : 'inherit'
}} }}
className={classNames("full-hour", { "selected-availability": props.isFullHourSelected, "hour-disabled": props.disabled })} className={classNames("full-hour", { "selected-availability": props.isFullHourSelected, "hour-disabled": props.disabled })}
height={props.halfHourDisplayHeight} height={props.halfHourDisplayHeight}
@ -76,8 +76,8 @@ const AvailabilityPickerHour = (props: {
</Box> </Box>
</DisableableTooltip> </DisableableTooltip>
<DisableableTooltip <DisableableTooltip
disabled={props.namesMarkedHalfHourAsAvailable.length < 1} disabled={props.halfHourAvailableNames.length < 1}
title={generateTooltipText(props.namesMarkedHalfHourAsAvailable)} title={generateTooltipText(props.halfHourAvailableNames)}
placement="top" placement="top"
disableInteractive disableInteractive
followCursor={true} followCursor={true}
@ -86,7 +86,7 @@ const AvailabilityPickerHour = (props: {
> >
<Box <Box
sx={{ sx={{
bgcolor: props.namesMarkedHalfHourAsAvailable.length > 0 ? heatMapColorforValue(props.namesMarkedHalfHourAsAvailable.length) : 'inherit' bgcolor: props.halfHourAvailableNames.length > 0 ? heatMapColorforValue(props.halfHourAvailableNames.length) : 'inherit'
}} }}
className={classNames("half-hour", { "selected-availability": props.isHalfHourSelected, "hour-disabled": props.disabled })} className={classNames("half-hour", { "selected-availability": props.isHalfHourSelected, "hour-disabled": props.disabled })}
height={props.halfHourDisplayHeight} height={props.halfHourDisplayHeight}