diff --git a/packages/core/admin/admin/src/pages/HomePage/ContentBlocks.js b/packages/core/admin/admin/src/pages/HomePage/ContentBlocks.js index 4da6916efe..a0d0fdab85 100644 --- a/packages/core/admin/admin/src/pages/HomePage/ContentBlocks.js +++ b/packages/core/admin/admin/src/pages/HomePage/ContentBlocks.js @@ -1,12 +1,12 @@ import React from 'react'; import styled from 'styled-components'; import { useIntl } from 'react-intl'; +import { ContentBox, useTracking } from '@strapi/helper-plugin'; import { Stack } from '@strapi/design-system/Stack'; import InformationSquare from '@strapi/icons/InformationSquare'; import CodeSquare from '@strapi/icons/CodeSquare'; import PlaySquare from '@strapi/icons/PlaySquare'; import FeatherSquare from '@strapi/icons/FeatherSquare'; -import { ContentBox } from '@strapi/helper-plugin'; const BlockLink = styled.a` text-decoration: none; @@ -14,6 +14,11 @@ const BlockLink = styled.a` const ContentBlocks = () => { const { formatMessage } = useIntl(); + const { trackUsage } = useTracking(); + + const handleClick = eventName => { + trackUsage(eventName); + }; return ( @@ -21,6 +26,7 @@ const ContentBlocks = () => { href="https://strapi.io/resource-center" target="_blank" rel="noopener noreferrer nofollow" + onClick={() => handleClick('didClickonReadTheDocumentationSection')} > { href="https://strapi.io/starters" target="_blank" rel="noopener noreferrer nofollow" + onClick={() => handleClick('didClickonCodeExampleSection')} > { href="https://strapi.io/blog/categories/tutorials" target="_blank" rel="noopener noreferrer nofollow" + onClick={() => handleClick('didClickonTutorialSection')} > { iconBackground="secondary100" /> - + handleClick('didClickonBlogSection')} + >