feat(boards): visual overhaul

[emilielr]

• Komponent: https://design.entur.no/komponenter/layout-og-flater/table#sortering-av-tabell
• Laget en ny type hvor man har et board-object og et organization-objekt. Det er dette objektet som blir brukt til å sorteres på.
• Laget et nytt kall som henter alle tavlene til en bruker.

[purusott]

Jeg opprettet en ny bruker og gikk inn på tavlesiden. Der får jeg opp mange tavler, selv om jeg ikke har laget noen enda. Mistenker det er tavler til de andre brukerne i db 🤔 Skjer det bare hos meg?

[purusott]

Jeg tror det er et problem i tavlesiden hvor man kan få inn tavlene til andre brukere. Jeg opprettet en ny bruker og hadde mange tavler på min tavleside da jeg sjekket det ut lokalt 🤔 💭

[emilielr]

Her har det gått fort i svingene 😅 Har fikset det nå!

[lindtvedtsebastian]

Brukes denne funksjonen til noe nå eller kan den fjernes?

[emilielr]

Nei, men jeg lurer på om det er greit at den bare ligger hvis vi skal vise alle private tavler til en person en gang? Det har vært litt snakk om å kanskje filterer på organisasjoner uansett på tavler-siden, og da skal vi også kunne filtrere på private tavler

[lindtvedtsebastian]

Denne funksjonen trenger vi ikke hvis vi skriver om getAllBoardsForUser til å inkludere org direkte. Nå kjører vi getOrganizationsForUser to ganger nesten rett etter hverandre (første i getAllBoardsForUser på linje 26 og deretter i denne funksjonen)

[lindtvedtsebastian]

Jeg får opp flere problemer i node, virker som det skjer noe greier i Table komponenten som krasjer serveren. Prøv å import den uten ssr (lazy) og se om det funker da

[lindtvedtsebastian]

Denne filen sin path burde endres, vi trenger ikke lenger organization id som param

[lindtvedtsebastian]

Foreslår å hente ut all informasjonen vi trenger direkte her.

En mulig måte å gjøre dette på:

export async function getBoards(ids?: TBoardID[]) {
    if (!ids) return []
    const batches = chunk(ids, 20)
    const queries = batches.map((batch) =>
        firestore()
            .collection('boards')
            .where(firestore.FieldPath.documentId(), 'in', batch)
            .get(),
    )
    const refs = await Promise.all(queries)
    return refs
        .map((ref) =>
            ref.docs.map((doc) => ({ id: doc.id, ...doc.data() } as TBoard)),
        )
        .flat()
}

export async function getAllBoardsForUser(): Promise<
    { board: TBoard; organization?: TOrganization }[]
> {
    const user = await getUser()
    if (!user) return redirect('/')

    const privateBoardIDs = concat(user.owner ?? [], user.editor ?? [])

    const privateBoards = (await getBoards(privateBoardIDs)).map((board) => ({
        board,
    }))

    const organizations = await getOrganizationsForUser()

    const organizationsBoards = flattenDeep(
        await Promise.all(
            organizations.map(async (organization) =>
                (
                    await getBoards(organization.boards)
                ).map((board) => ({
                    board,
                    organization,
                })),
            ),
        ),
    )
    return [...organizationsBoards, ...privateBoards]
}