info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-02-24 11:33:09 +01:00
Code Issues Releases Wiki Activity

Guides listing

Browse Source
This commit is contained in:
Kamran Ahmed 2021-09-02 18:08:02 +02:00
parent c097017520
commit fc159ecb9b
3 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/links-list-item.tsx
View File

@ -2,6 +2,7 @@ import React from 'react';
import { Badge, Flex, Link, Text } from '@chakra-ui/react'; import { Badge, Flex, Link, Text } from '@chakra-ui/react';
type LinksListItemProps = { type LinksListItemProps = {
href: string;
title: string; title: string;
subtitle: string; subtitle: string;
badgeText?: string; badgeText?: string;
@ -10,10 +11,11 @@ type LinksListItemProps = {
}; };
export function LinksListItem(props: LinksListItemProps) { export function LinksListItem(props: LinksListItemProps) {
const { title, subtitle, badgeText, icon, hideSubtitleOnMobile = false } = props; const { title, subtitle, badgeText, icon, hideSubtitleOnMobile = false, href } = props;
return ( return (
<Link <Link
href={href}
fontSize={['14px', '14px', '15px']} fontSize={['14px', '14px', '15px']}
py='9px' py='9px'
d='flex' d='flex'

2
content/guides.json
View File

@ -20,7 +20,7 @@
"createdAt": "2020-07-01T19:59:14.191Z" "createdAt": "2020-07-01T19:59:14.191Z"
}, },
{ {
"title": "OAuth — Open Authorization", "title": "OAuth — Open Authorization",
"description": "Learn and understand what is OAuth and how it works", "description": "Learn and understand what is OAuth and how it works",
"url": "/guides/oauth", "url": "/guides/oauth",
"fileName": "oauth", "fileName": "oauth",

1
pages/index.tsx
View File

@ -66,6 +66,7 @@ export default function Home(props: HomeProps) {
{guides.map(guide => ( {guides.map(guide => (
<LinksListItem <LinksListItem
key={guide.url} key={guide.url}
href={guide.url}
title={guide.title} title={guide.title}
badgeText={guide.isPro ? 'PRO' : ''} badgeText={guide.isPro ? 'PRO' : ''}
subtitle={guide.formattedUpdatedAt} subtitle={guide.formattedUpdatedAt}