Remove date from guide detail page

components/guide/guide-grid-item.tsx

@@ -1,4 +1,5 @@
 import { Badge, Box, Heading, Link, Text } from '@chakra-ui/react';
+import { GuideType } from '../../lib/guide';
 
 type GuideGridItemProps = {
   title: string;
@@ -7,6 +8,7 @@ type GuideGridItemProps = {
   date: string;
   isNew?: boolean;
   colorIndex?: number;
+  type?: GuideType['type'];
 };
 
 const bgColorList = [
@@ -15,14 +17,14 @@ const bgColorList = [
 ];
 
 export function GuideGridItem(props: GuideGridItemProps) {
-  const { title, subtitle, date, isNew = false, colorIndex = 0, href } = props;
+  const { title, subtitle, date, isNew = false, colorIndex = 0, href, type } = props;
 
   return (
     <Box _hover={{ textDecoration: 'none', transform: 'scale(1.02)' }} as={Link} href={href} shadow='xl' p='20px'
          rounded='10px' bg={bgColorList[colorIndex] ?? bgColorList[0]} flex={1}>
-      <Text mb='10px' fontSize='13px' color='gray.400'>
+      <Text mb='10px' fontSize='13px' color='gray.400' textTransform='capitalize'>
         {isNew && <Badge colorScheme={'green'} mr='10px'>New</Badge>}
-        {date}
+        {type} Guide
       </Text>
       <Heading color='white' mb={'6px'} fontSize='20px'>{title}</Heading>
       <Text color='gray.300' fontSize='14px'>{subtitle}</Text>

pages/guides/[guide].tsx

@@ -27,7 +27,7 @@ export default function Guide(props: GuideProps) {
         <ContentPageHeader
           title={guide.title}
           subtitle={guide.description}
-          formattedDate={guide.formattedUpdatedAt!}
+          formattedDate={`${guide?.type?.charAt(0).toUpperCase()}${guide?.type?.slice(1)} Guide`}
           author={{
             twitter: guide?.author?.twitter!,
             picture: guide?.author?.picture!,

pages/guides/index.tsx

@@ -41,6 +41,7 @@ export default function Guides(props: GuidesProps) {
                 subtitle={recentGuide.description}
                 date={recentGuide.formattedUpdatedAt!}
                 isNew={false}
+                type={recentGuide.type}
                 colorIndex={counter}
               />
             ))}
@@ -53,7 +54,7 @@ export default function Guides(props: GuidesProps) {
                 key={oldGuide.id}
                 title={oldGuide.title}
                 badgeText={oldGuide.isNew ? 'NEW' : ''}
-                subtitle={oldGuide.formattedUpdatedAt!}
+                subtitle={`${oldGuide?.type?.charAt(0).toUpperCase()}${oldGuide?.type?.slice(1)}`}
               />
             ))}
           </LinksList>