From 7ca2dff48fc581dfb0c781556422c42a7c368815 Mon Sep 17 00:00:00 2001
From: phvm <pedrohvdm@gmail.com>
Date: Wed, 4 Sep 2024 14:34:09 -0300
Subject: [PATCH] feat: display number of articles found

---
 src/messages/en.json            | 1 +
 src/messages/es.json            | 1 +
 src/messages/pt.json            | 1 +
 src/pages/faq/index.tsx         | 9 ++++++++-
 src/styles/known-issues-page.ts | 6 ++++++
 5 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/messages/en.json b/src/messages/en.json
index 91310776..8274f82b 100644
--- a/src/messages/en.json
+++ b/src/messages/en.json
@@ -252,6 +252,7 @@
   "announcements_page_search.placeholder": "Search in Announcements...",
   "search_result.empty": "No matching results.",
   "faq_filter.title": "Products",
+  "faq_page.results_found": "results found",
   "sitemap_page.title": "Sitemap",
   "sitemap_page_section_additional_resources.title": "Additional resources",
   "sitemap_page_section_additional_resources.support_rules": "Support Rules",
diff --git a/src/messages/es.json b/src/messages/es.json
index b8b7c252..e2ccfdd3 100644
--- a/src/messages/es.json
+++ b/src/messages/es.json
@@ -258,6 +258,7 @@
   "announcements_page_search.placeholder": "Buscar en Anuncios...",
   "search_result.empty": "Ningún resultado coincidente. Pruebe con otros filtros.",
   "faq_filter.title": "Produtos",
+  "faq_page.results_found": "resultados encontrados",
   "sitemap_page.title": "Mapa del sitio",
   "sitemap_page_section_additional_resources.title": "Recursos adicionales",
   "sitemap_page_section_additional_resources.support_rules": "Directrices de Soporte",
diff --git a/src/messages/pt.json b/src/messages/pt.json
index 19d72582..e8d14860 100644
--- a/src/messages/pt.json
+++ b/src/messages/pt.json
@@ -273,6 +273,7 @@
   "announcements_page_search.placeholder": "Pesquise em Comunicados...",
   "search_result.empty": "Nenhum resultado correspondente. Tente outros filtros.",
   "faq_filter.title": "Produtos",
+  "faq_page.results_found": "resultados encontrados",
   "sitemap_page.title": "Mapa do site",
   "sitemap_page_section_additional_resources.title": "Recursos Adicionais",
   "sitemap_page_section_additional_resources.support_rules": "Diretrizes de Suporte",
diff --git a/src/pages/faq/index.tsx b/src/pages/faq/index.tsx
index eaa49847..bc7f6366 100644
--- a/src/pages/faq/index.tsx
+++ b/src/pages/faq/index.tsx
@@ -1,4 +1,4 @@
-import { Flex } from '@vtex/brand-ui'
+import { Box, Flex } from '@vtex/brand-ui'
 import { GetStaticProps, NextPage } from 'next'
 import { DocumentationTitle, UpdatesTitle } from 'utils/typings/unionTypes'
 import getNavigation from 'utils/getNavigation'
@@ -152,6 +152,13 @@ const FaqPage: NextPage<Props> = ({ faqData, branch }) => {
             applyCategory={handleCategoriesSelection}
           />
           <Flex sx={styles.cardContainer}>
+            {!!filteredResult.length && (
+              <Box sx={styles.resultsNumberContainer}>
+                {filteredResult.length}{' '}
+                {intl.formatMessage({ id: 'faq_page.results_found' })}
+              </Box>
+            )}
+
             {paginatedResult.length === 0 && (
               <Flex sx={styles.noResults}>
                 {intl.formatMessage({ id: 'search_result.empty' })}
diff --git a/src/styles/known-issues-page.ts b/src/styles/known-issues-page.ts
index 2ddc72cf..e4d6b28d 100644
--- a/src/styles/known-issues-page.ts
+++ b/src/styles/known-issues-page.ts
@@ -40,10 +40,16 @@ const noResults: SxStyleProp = {
   textAlign: 'center',
 }
 
+const resultsNumberContainer: SxStyleProp = {
+  fontSize: '1rem',
+  color: 'muted.0',
+}
+
 export default {
   container,
   cardContainer,
   optionContainer,
   optionsContainer,
   noResults,
+  resultsNumberContainer,
 }