Add videos listing page

This commit is contained in:
Kamran Ahmed
2021-09-03 12:59:44 +02:00
parent 75c4f952dd
commit 86f599b5b7
24 changed files with 230 additions and 156 deletions

View File

@@ -23,7 +23,7 @@ export default function Guide(props: GuideProps) {
<ContentPageHeader
title={guide.title}
subtitle={guide.description}
formattedDate={guide.formattedUpdatedAt}
formattedDate={guide.formattedUpdatedAt!}
author={{
twitter: guide?.author?.twitter!,
picture: guide?.author?.picture!,

View File

@@ -1,4 +1,4 @@
import { Box, Container, SimpleGrid, Stack } from '@chakra-ui/react';
import { Box, Container, SimpleGrid } from '@chakra-ui/react';
import { GlobalHeader } from '../../components/global-header';
import { LinksList } from '../../components/links-list';
import { LinksListItem } from '../../components/links-list-item';
@@ -7,7 +7,7 @@ import { UpdatesBanner } from '../../components/updates-banner';
import { Footer } from '../../components/footer';
import { GuideGridItem } from './components/guide-grid-item';
import { PageHeader } from '../../components/page-header';
import { getAllGuides, getGuideById, GuideType } from '../../lib/guide';
import { getAllGuides, GuideType } from '../../lib/guide';
type GuidesProps = {
guides: GuideType[]
@@ -35,7 +35,7 @@ export default function Guides(props: GuidesProps) {
key={recentGuide.id}
title={recentGuide.title}
subtitle={recentGuide.description}
date={recentGuide.formattedUpdatedAt}
date={recentGuide.formattedUpdatedAt!}
isNew
colorIndex={counter}
/>
@@ -49,7 +49,7 @@ export default function Guides(props: GuidesProps) {
key={oldGuide.id}
title={oldGuide.title}
badgeText={oldGuide.isPro ? 'PRO' : ''}
subtitle={oldGuide.formattedUpdatedAt}
subtitle={oldGuide.formattedUpdatedAt!}
/>
))}
</LinksList>