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 | import { Grid } from "@chakra-ui/react";
import { FunctionComponent } from "react";
import { FilterPanel } from "./FilterPanel";
import { SearchResults } from "./SearchResults";
import testIds from "./testIds";
import { Page } from "../../components/Page";
export const Search: FunctionComponent = () => {
return (
<Page
meta={{
title: "Search - Construct Hub",
description: "Search Construct Libraries for AWS CDK, CDK8s, and CDKTF",
}}
pageName="search"
>
<Grid
data-testid={testIds.page}
gap={4}
h="full"
maxW="100%"
px={{ base: 0, md: 6 }}
py={6}
templateColumns={{ base: "1fr", md: "auto 1fr" }}
templateRows="1fr"
>
{/* Filter Panel Desktop */}
<FilterPanel />
{/* Results, Info, and Controls */}
<SearchResults />
</Grid>
</Page>
);
};
|