From 8f46090d377359c5b20cc48ff5673f1b6169325d Mon Sep 17 00:00:00 2001
From: aliceoq <aoqb@cin.ufpe.br>
Date: Fri, 9 Feb 2024 11:14:29 -0300
Subject: [PATCH] feat: add dates to faq card

---
 src/components/faq-card/index.tsx | 13 ++++++++++++-
 src/components/faq-card/styles.ts |  4 ++--
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/faq-card/index.tsx b/src/components/faq-card/index.tsx
index 7a8a3977..22339f28 100644
--- a/src/components/faq-card/index.tsx
+++ b/src/components/faq-card/index.tsx
@@ -4,8 +4,18 @@ import type { FaqCardDataElement } from 'utils/typings/types'
 
 import styles from './styles'
 import Tag from 'components/tag'
+import DateText from 'components/date-text'
+
+const FaqCard = ({
+  title,
+  productTeam,
+  slug,
+  createdAt,
+  updatedAt,
+}: FaqCardDataElement) => {
+  const createdAtDate = new Date(createdAt)
+  const updatedAtDate = new Date(updatedAt)
 
-const FaqCard = ({ title, productTeam, slug }: FaqCardDataElement) => {
   return (
     <Link href={`faq/${slug}`}>
       <Box sx={styles.container}>
@@ -15,6 +25,7 @@ const FaqCard = ({ title, productTeam, slug }: FaqCardDataElement) => {
         <Text sx={styles.title} className="title">
           {title}
         </Text>
+        <DateText createdAt={createdAtDate} updatedAt={updatedAtDate} />
       </Box>
     </Link>
   )
diff --git a/src/components/faq-card/styles.ts b/src/components/faq-card/styles.ts
index de813f75..5cbcdc76 100644
--- a/src/components/faq-card/styles.ts
+++ b/src/components/faq-card/styles.ts
@@ -1,8 +1,8 @@
 import type { SxStyleProp } from '@vtex/brand-ui'
 
 const container: SxStyleProp = {
-  px: ['32px', '64px'],
-  py: ['16px', '24px'],
+  px: ['32px', '32px', '36px', '64px'],
+  py: '24px',
   display: 'flex',
   flexDirection: 'column',
   gap: '16px',