Skip to content

Commit

Permalink
Merge pull request #173 from aws-observability/ui-changes
Browse files Browse the repository at this point in the history
Add links to feature list
  • Loading branch information
sguruvar authored Oct 2, 2024
2 parents 2ab2b40 + 62e5335 commit e25da9d
Showing 1 changed file with 13 additions and 3 deletions.
16 changes: 13 additions & 3 deletions docusaurus/src/components/HomepageFeatures/index.js
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
import React from 'react';
import clsx from 'clsx';
import Link from '@docusaurus/Link';
import Heading from '@theme/Heading';
import styles from './styles.module.css';

Expand All @@ -11,6 +13,7 @@ const FeatureList = [
Guides were designed from the ground up to be easily followed and implemented, getting your cloud monitoring up and running quickly.
</>
),
link: '/docs/guides',
},
{
title: 'Signals',
Expand All @@ -20,6 +23,7 @@ const FeatureList = [
Gain comprehensive insights into your AWS environment through key metrics, logs, and performance indicators.
</>
),
link: '/docs/signals/alarms',
},
{
title: 'Tools',
Expand All @@ -29,6 +33,7 @@ const FeatureList = [
Streamline your AWS monitoring with purpose-built solutions for efficient data collection, analysis, and visualization.
</>
),
link: '/docs/tools/observability_accelerator',
},
{
title: 'Recipes',
Expand All @@ -38,6 +43,7 @@ const FeatureList = [
Implement proven AWS observability patterns to quickly solve common monitoring and troubleshooting challenges.
</>
),
link: '/docs/recipes',
},
{
title: 'FAQs',
Expand All @@ -47,6 +53,7 @@ const FeatureList = [
Find quick answers to common AWS observability questions, clarifying key concepts and best practices.
</>
),
link: '/docs/faq/adot',
},
{
title: 'Patterns',
Expand All @@ -56,14 +63,17 @@ const FeatureList = [
Learn step-by-step AWS observability implementation through comprehensive, easy-to-follow instructional resources.
</>
),
link: '/docs/patterns/multiaccount',
},
];

function Feature({Svg, title, description}) {
function Feature({Svg, title, description, link}) {
return (
<div className={clsx('col col--4')}>
<div className="text--center">
<Svg className={styles.featureSvg} role="img" />
<Link to={link}>
<Svg className={styles.featureSvg} role="img" />
</Link>
</div>
<div className="text--center padding-horiz--md">
<Heading as="h3">{title}</Heading>
Expand All @@ -85,4 +95,4 @@ export default function HomepageFeatures() {
</div>
</section>
);
}
}

0 comments on commit e25da9d

Please sign in to comment.