fix: using the component for logo

newrelic · Jul 1, 2022 · 4689710 · 4689710
1 parent 65ee7d4
commit 4689710
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/components/LandingBanner/index.js b/src/components/LandingBanner/index.js
@@ -5,6 +5,7 @@ import Breadcrumbs from '../Breadcrumbs';
 import InstallButton from '../InstallButton';
 import { css } from '@emotion/react';
 import { quickstart } from '../../types';
+import QuickstartImg from '../QuickstartImg';
 import defaultImage from '../../images/defaultQuickstartImage.png';
 import BannerBackground from './BannerBackground';
 
@@ -68,7 +69,7 @@ const LandingBanner = ({ quickstart, className, location }) => {
         `}
       >
         <Breadcrumbs segments={breadcrumbs} />
-        {quickstart.logoUrl && (
+        {quickstart.logo && (
           <div
             css={css`
               position: absolute;
@@ -90,9 +91,9 @@ const LandingBanner = ({ quickstart, className, location }) => {
                 }
               `}
             >
-              <img
-                src={quickstart.logoUrl}
-                alt={quickstart.title}
+              <QuickstartImg
+                packName={quickstart.name}
+                imageNode={quickstart.logo}
                 css={css`
                   max-width: 350px;
                   margin: auto;

diff --git a/src/types.js b/src/types.js
@@ -21,7 +21,7 @@ export const quickstartDashboard = PropTypes.shape({
   name: PropTypes.string.isRequired,
   url: PropTypes.string,
   description: PropTypes.string,
-  screenshots: PropTypes.arrayOf(PropTypes.string),
+  screenshots: PropTypes.arrayOf(PropTypes.any),
 });
 
 export const quickstartAlert = PropTypes.shape({
@@ -50,7 +50,7 @@ export const quickstart = PropTypes.shape({
   authors: PropTypes.arrayOf(PropTypes.string).isRequired,
   summary: PropTypes.string,
   iconUrl: PropTypes.string,
-  logoUrl: PropTypes.string,
+  logo: PropTypes.any,
   websiteUrl: PropTypes.string,
   tags: PropTypes.arrayOf(PropTypes.string),
   dashboards: PropTypes.arrayOf(quickstartDashboard),