useUserSpaces

import { useUserSpaces } from '@towns-protocol/react-sdk'

import { useUserSpaces, useSpace } from '@towns-protocol/react-sdk'

const AllSpaces = () => {
    const { spaceIds } = useUserSpaces()
    return <>{spaceIds.map((spaceId) => <Space key={spaceId} spaceId={spaceId} />)}</>
}

const Space = ({ spaceId }: { spaceId: string }) => {
    const { data: space } = useSpace(spaceId)
    return <div>{space.metadata?.name || 'Unnamed Space'}</div>
}

function useUserSpaces(
  config?: ObservableConfig.FromObservable<Spaces>,
): {
    error: Error | undefined;
    status: "loading" | "loaded" | "error";
    isLoading: boolean;
    isError: boolean;
    isLoaded: boolean;
    spaceIds: string[];
}

{
    error: Error | undefined;
    status: "loading" | "loaded" | "error";
    isLoading: boolean;
    isError: boolean;
    isLoaded: boolean;
    spaceIds: string[];
}