feat: adds menu documentation section

vtexdocs · Jan 8, 2024 · beff01a · beff01a
1 parent 4b2c0a0
commit beff01a
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 3 deletions.
diff --git a/src/components/dropdown-menu/index.tsx b/src/components/dropdown-menu/index.tsx
@@ -2,7 +2,7 @@ import { Box } from '@vtex/brand-ui'
 
 import DocumentationCard from 'components/documentation-card'
 import {
-  documentationData,
+  menuDocumentationData,
   menuSupportData,
   updatesData,
 } from 'utils/constants'
@@ -19,7 +19,7 @@ const DropdownMenu = () => {
           sx={styles.documentationContainer}
           data-cy="dropdown-menu-first-section"
         >
-          {documentationData(intl).map((card) => (
+          {menuDocumentationData(intl).map((card) => (
             <DocumentationCard
               containerType="dropdown"
               key={card.title}

diff --git a/src/utils/constants.ts b/src/utils/constants.ts
@@ -31,6 +31,32 @@ libraryConfig
 export const messages = getMessages()
 
 export const documentationData = (intl: IntlShape) => {
+  const data: DocDataElement[] = [
+    {
+      Icon: StartHereIcon,
+      title: intl.formatMessage({
+        id: 'documentation_start_here.title',
+      }),
+      description: intl.formatMessage({
+        id: 'documentation_start_here.description',
+      }),
+      link: '/docs/tracks',
+    },
+    {
+      Icon: TutorialsIcon,
+      title: intl.formatMessage({
+        id: 'documentation_tutorials.title',
+      }),
+      description: intl.formatMessage({
+        id: 'documentation_tutorials.description',
+      }),
+      link: '/docs/tutorial',
+    },
+  ]
+  return data
+}
+
+export const menuDocumentationData = (intl: IntlShape) => {
   const data: DocDataElement[] = [
     {
       Icon: StartHereIcon,
@@ -53,7 +79,6 @@ export const documentationData = (intl: IntlShape) => {
       link: '/docs/tutorial',
     },
     {
-      // Checar com thaylly se deve ficar no mesmo lugar
       Icon: DeveloperPortalIcon,
       title: intl.formatMessage({
         id: 'documentation_developers_portal.title',