feat: display number of articles found

vtexdocs · Sep 4, 2024 · 7ca2dff · 7ca2dff
1 parent 05ea2d9
commit 7ca2dff
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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,
 }