b81c9ee10c
* stripe init git submodules for enterprise modules * * Cloud billing UI - WIP * Proxy websockets in dev mode * Separate workspace login and creation for cloud * Other fixes * feat: billing (cloud) * * add domain service * prepare links from workspace hostname * WIP * Add exchange token generation * Validate JWT token type during verification * domain service * add SkipTransform decorator * * updates (server) * add new packages * new sso migration file * WIP * Fix hostname generation * WIP * WIP * Reduce input error font-size * set max password length * jwt package * license page - WIP * * License management UI * Move license key store to db * add reflector * SSO enforcement * * Add default plan * Add usePlan hook * * Fix auth container margin in mobile * Redirect login and home to select page in cloud * update .gitignore * Default to yearly * * Trial messaging * Handle ended trials * Don't set to readonly on collab disconnect (Cloud) * Refine trial (UI) * Fix bug caused by using jotai optics atom in AppHeader component * configurable database maximum pool * Close SSO form on save * wip * sync * Only show sign-in in cloud * exclude base api part from workspaceId check * close db connection beforeApplicationShutdown * Add health/live endpoint * clear cookie on hostname change * reset currentUser atom * Change text * return 401 if workspace does not match * feat: show user workspace list in cloud login page * sync * Add home path * Prefetch to speed up queries * * Add robots.txt * Disallow login and forgot password routes * wildcard user-agent * Fix space query cache * fix * fix * use space uuid for recent pages * prefetch billing plans * enhance license page * sync
56 lines
1.4 KiB
TypeScript
56 lines
1.4 KiB
TypeScript
import { Text, Avatar, SimpleGrid, Card, rem } from "@mantine/core";
|
|
import React from "react";
|
|
import {
|
|
prefetchSpace,
|
|
useGetSpacesQuery,
|
|
} from "@/features/space/queries/space-query.ts";
|
|
import { getSpaceUrl } from "@/lib/config.ts";
|
|
import { Link } from "react-router-dom";
|
|
import classes from "./space-grid.module.css";
|
|
import { formatMemberCount } from "@/lib";
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
export default function SpaceGrid() {
|
|
const { t } = useTranslation();
|
|
const { data, isLoading } = useGetSpacesQuery();
|
|
|
|
const cards = data?.items.map((space, index) => (
|
|
<Card
|
|
key={space.id}
|
|
p="xs"
|
|
radius="md"
|
|
component={Link}
|
|
to={getSpaceUrl(space.slug)}
|
|
onMouseEnter={() => prefetchSpace(space.slug, space.id)}
|
|
className={classes.card}
|
|
withBorder
|
|
>
|
|
<Card.Section className={classes.cardSection} h={40}></Card.Section>
|
|
<Avatar
|
|
name={space.name}
|
|
color="initials"
|
|
variant="filled"
|
|
size="md"
|
|
mt={rem(-20)}
|
|
/>
|
|
|
|
<Text fz="md" fw={500} mt="xs" className={classes.title}>
|
|
{space.name}
|
|
</Text>
|
|
|
|
<Text c="dimmed" size="xs" fw={700} mt="md">
|
|
{formatMemberCount(space.memberCount, t)}
|
|
</Text>
|
|
</Card>
|
|
));
|
|
|
|
return (
|
|
<>
|
|
<Text fz="sm" fw={500} mb={"md"}>
|
|
{t("Spaces you belong to")}
|
|
</Text>
|
|
|
|
<SimpleGrid cols={{ base: 1, xs: 2, sm: 3 }}>{cards}</SimpleGrid>
|
|
</>
|
|
);
|
|
}
|