scott/crabfit
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Reset selected people if the amount changes

Browse source
This commit is contained in:
Benji Grant 2023-06-09 02:06:41 +10:00
parent 30d50b0b0a
commit d4418a1dc2
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/components/AvailabilityViewer/AvailabilityViewer.tsx
View file

@ -1,6 +1,6 @@
'use client' 'use client'
import { Fragment, useMemo, useRef, useState } from 'react' import { Fragment, useEffect, useMemo, useRef, useState } from 'react'
import { Temporal } from '@js-temporal/polyfill' import { Temporal } from '@js-temporal/polyfill'
import Content from '/src/components/Content/Content' import Content from '/src/components/Content/Content'
@ -51,6 +51,11 @@ const AvailabilityViewer = ({ times, timezone, people }: AvailabilityViewerProps
// Create the colour palette // Create the colour palette
const palette = usePalette(Math.max((max - min) + 1, 2)) const palette = usePalette(Math.max((max - min) + 1, 2))
// Reselect everyone if the amount of people changes
useEffect(() => {
setFilteredPeople(people.map(p => p.name))
}, [people.length])
const heatmap = useMemo(() => columns.map((column, x) => <Fragment key={x}> const heatmap = useMemo(() => columns.map((column, x) => <Fragment key={x}>
{column ? <div className={styles.dateColumn}> {column ? <div className={styles.dateColumn}>
{column.header.dateLabel && <label className={styles.dateLabel}>{column.header.dateLabel}</label>} {column.header.dateLabel && <label className={styles.dateLabel}>{column.header.dateLabel}</label>}