Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | import { Flex } from "@chakra-ui/react";
import { FunctionComponent } from "react";
import { Categories } from "./Categories";
import { CDKTypeTabs } from "./CDKTypeTabs";
import { Featured } from "./Featured";
import { GradientContainer } from "./GradientContainer";
import { Hero } from "./Hero";
import { Info } from "./Info";
import testIds from "./testIds";
import { Page } from "../../components/Page";
import { useCatalog } from "../../hooks/useCatalog";
export const Home: FunctionComponent = () => {
const { data: catalog } = useCatalog();
const hasPackages = (catalog?.packages.length ?? 0) > 0;
return (
<Page
meta={{
title: "Construct Hub",
description:
"Construct Hub helps developers find open-source construct libraries for use with AWS CDK, CDK8s, CDKTF and other construct-based tools.",
suffix: false,
}}
pageName="home"
>
<GradientContainer
as={Flex}
data-testid={testIds.page}
direction="column"
>
<Hero />
<Info />
{hasPackages ? (
<>
<Categories />
<CDKTypeTabs />
<Featured />
</>
) : null}
</GradientContainer>
</Page>
);
};
|