mirror of
https://github.com/mvvasilev/findtheti.me.git
synced 2025-04-19 13:39:52 +03:00
Fix naming
This commit is contained in:
parent
7032156177
commit
bf6aa495ae
2 changed files with 10 additions and 10 deletions
|
@ -38,8 +38,8 @@ const AvailabilityPickerDay = (props: {
|
|||
dateTime={fullHourTime}
|
||||
halfHourDisplayHeight={props.halfHourDisplayHeight}
|
||||
currentTotalRespondents={props.availabilityHeatmap.maxNumberOfRespondents}
|
||||
namesMarkedFullHourAsAvailable={props.availabilityHeatmap.getNamesAt(fullHourTime.unix())}
|
||||
namesMarkedHalfHourAsAvailable={props.availabilityHeatmap.getNamesAt(halfHourTime.unix())}
|
||||
fullHourAvailableNames={props.availabilityHeatmap.getNamesAt(fullHourTime.unix())}
|
||||
halfHourAvailableNames={props.availabilityHeatmap.getNamesAt(halfHourTime.unix())}
|
||||
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))}
|
||||
onMouseEnterHalfhour={(e: React.MouseEvent<HTMLDivElement, globalThis.MouseEvent>, time: dayjs.Dayjs): void => {
|
||||
|
|
|
@ -19,8 +19,8 @@ const AvailabilityPickerHour = (props: {
|
|||
isHalfHourSelected: boolean,
|
||||
halfHourDisplayHeight: number,
|
||||
currentTotalRespondents: number,
|
||||
namesMarkedFullHourAsAvailable: String[],
|
||||
namesMarkedHalfHourAsAvailable: String[],
|
||||
fullHourAvailableNames: String[],
|
||||
halfHourAvailableNames: String[],
|
||||
onMouseEnterHalfhour: (e: React.MouseEvent<HTMLDivElement, globalThis.MouseEvent>, time: Dayjs) => void,
|
||||
onMouseClickOnHalfhour: (time: Dayjs, isDelete: boolean) => void
|
||||
}) => {
|
||||
|
@ -47,8 +47,8 @@ const AvailabilityPickerHour = (props: {
|
|||
className={"hour-light"}
|
||||
>
|
||||
<DisableableTooltip
|
||||
disabled={props.namesMarkedFullHourAsAvailable.length < 1}
|
||||
title={generateTooltipText(props.namesMarkedFullHourAsAvailable)}
|
||||
disabled={props.fullHourAvailableNames.length < 1}
|
||||
title={generateTooltipText(props.fullHourAvailableNames)}
|
||||
placement="top"
|
||||
disableInteractive
|
||||
followCursor={true}
|
||||
|
@ -57,7 +57,7 @@ const AvailabilityPickerHour = (props: {
|
|||
>
|
||||
<Box
|
||||
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 })}
|
||||
height={props.halfHourDisplayHeight}
|
||||
|
@ -76,8 +76,8 @@ const AvailabilityPickerHour = (props: {
|
|||
</Box>
|
||||
</DisableableTooltip>
|
||||
<DisableableTooltip
|
||||
disabled={props.namesMarkedHalfHourAsAvailable.length < 1}
|
||||
title={generateTooltipText(props.namesMarkedHalfHourAsAvailable)}
|
||||
disabled={props.halfHourAvailableNames.length < 1}
|
||||
title={generateTooltipText(props.halfHourAvailableNames)}
|
||||
placement="top"
|
||||
disableInteractive
|
||||
followCursor={true}
|
||||
|
@ -86,7 +86,7 @@ const AvailabilityPickerHour = (props: {
|
|||
>
|
||||
<Box
|
||||
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 })}
|
||||
height={props.halfHourDisplayHeight}
|
||||
|
|
Loading…
Add table
Reference in a new issue