open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Listen for group updates

Browse Source
This commit is contained in:
James Grugett 2022-09-16 14:09:48 -05:00
parent 7c4944b825
commit e9870acf41
2 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/hooks/use-group.ts
View File

@ -84,7 +84,6 @@ export const useMemberGroups = (userId: string | null | undefined) => {
return result.data return result.data
} }
// Note: We cache member group ids in localstorage to speed up the initial load
export const useMemberGroupIds = (user: User | null | undefined) => { export const useMemberGroupIds = (user: User | null | undefined) => {
const [memberGroupIds, setMemberGroupIds] = useState<string[] | undefined>( const [memberGroupIds, setMemberGroupIds] = useState<string[] | undefined>(
undefined undefined

22
web/pages/experimental/home/index.tsx
View File

@ -1,4 +1,4 @@
import React, { ReactNode } from 'react' import React, { ReactNode, useEffect, useState } from 'react'
import Router from 'next/router' import Router from 'next/router'
import { import {
AdjustmentsIcon, AdjustmentsIcon,
@ -29,7 +29,12 @@ import { getHomeItems } from '../../../components/arrange-home'
import { Title } from 'web/components/title' import { Title } from 'web/components/title'
import { Row } from 'web/components/layout/row' import { Row } from 'web/components/layout/row'
import { ProbChangeTable } from 'web/components/contract/prob-change-table' import { ProbChangeTable } from 'web/components/contract/prob-change-table'
import { groupPath, joinGroup, leaveGroup } from 'web/lib/firebase/groups' import {
getGroup,
groupPath,
joinGroup,
leaveGroup,
} from 'web/lib/firebase/groups'
import { usePortfolioHistory } from 'web/hooks/use-portfolio-history' import { usePortfolioHistory } from 'web/hooks/use-portfolio-history'
import { formatMoney } from 'common/util/format' import { formatMoney } from 'common/util/format'
import { useProbChanges } from 'web/hooks/use-prob-changes' import { useProbChanges } from 'web/hooks/use-prob-changes'
@ -41,6 +46,7 @@ import { hasCompletedStreakToday } from 'web/components/profile/betting-streak-m
import { useContractsQuery } from 'web/hooks/use-contracts' import { useContractsQuery } from 'web/hooks/use-contracts'
import { ContractsGrid } from 'web/components/contract/contracts-grid' import { ContractsGrid } from 'web/components/contract/contracts-grid'
import { PillButton } from 'web/components/buttons/pill-button' import { PillButton } from 'web/components/buttons/pill-button'
import { filterDefined } from 'common/util/array'
export default function Home() { export default function Home() {
const user = useUser() const user = useUser()
@ -49,7 +55,17 @@ export default function Home() {
useSaveReferral() useSaveReferral()
const groups = useMemberGroups(user?.id) ?? [] const cachedGroups = useMemberGroups(user?.id) ?? []
const groupIds = useMemberGroupIds(user)
const [groups, setGroups] = useState(cachedGroups)
useEffect(() => {
if (groupIds) {
Promise.all(groupIds.map((id) => getGroup(id))).then((groups) =>
setGroups(filterDefined(groups))
)
}
}, [groupIds])
const { sections } = getHomeItems(groups, user?.homeSections ?? []) const { sections } = getHomeItems(groups, user?.homeSections ?? [])