Linking from homepage to roadmaps
This commit is contained in:
@ -41,7 +41,8 @@ export default function Home(props: HomeProps) {
|
|||||||
<SimpleGrid columns={[1, 2, 3]} spacing={['10px', '10px', '15px']}>
|
<SimpleGrid columns={[1, 2, 3]} spacing={['10px', '10px', '15px']}>
|
||||||
{roadmaps.map((roadmap: RoadmapType, counter: number) => (
|
{roadmaps.map((roadmap: RoadmapType, counter: number) => (
|
||||||
<HomeRoadmapItem
|
<HomeRoadmapItem
|
||||||
key={roadmap.url}
|
url={roadmap.url}
|
||||||
|
key={roadmap.id}
|
||||||
colorIndex={counter}
|
colorIndex={counter}
|
||||||
title={roadmap.featuredTitle}
|
title={roadmap.featuredTitle}
|
||||||
isCommunity={roadmap.isCommunity}
|
isCommunity={roadmap.isCommunity}
|
||||||
|
@ -5,7 +5,8 @@ type RoadmapGridItemProps = {
|
|||||||
title: string;
|
title: string;
|
||||||
subtitle: string;
|
subtitle: string;
|
||||||
isCommunity?: boolean;
|
isCommunity?: boolean;
|
||||||
colorIndex?: number
|
colorIndex?: number;
|
||||||
|
url: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
const bgColorList = [
|
const bgColorList = [
|
||||||
@ -18,12 +19,12 @@ const bgColorList = [
|
|||||||
];
|
];
|
||||||
|
|
||||||
export function HomeRoadmapItem(props: RoadmapGridItemProps) {
|
export function HomeRoadmapItem(props: RoadmapGridItemProps) {
|
||||||
const { title, subtitle, isCommunity, colorIndex = 0 } = props;
|
const { title, subtitle, isCommunity, colorIndex = 0, url } = props;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Link
|
<Box
|
||||||
as={Box}
|
as={Link}
|
||||||
href={'#'}
|
href={url}
|
||||||
_hover={{ textDecoration: 'none', transform: 'scale(1.02)' }}
|
_hover={{ textDecoration: 'none', transform: 'scale(1.02)' }}
|
||||||
flex={1}
|
flex={1}
|
||||||
shadow='2xl'
|
shadow='2xl'
|
||||||
@ -41,6 +42,6 @@ export function HomeRoadmapItem(props: RoadmapGridItemProps) {
|
|||||||
|
|
||||||
<Heading fontSize={['17px', '17px', '22px']} mb='5px'>{title}</Heading>
|
<Heading fontSize={['17px', '17px', '22px']} mb='5px'>{title}</Heading>
|
||||||
<Text color='gray.200' fontSize={['13px']}>{subtitle}</Text>
|
<Text color='gray.200' fontSize={['13px']}>{subtitle}</Text>
|
||||||
</Link>
|
</Box>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user