{supportPortalVaIframeProps &&
supportPortalVaIframeProps.supportPortalUrl &&
supportPortalVaIframeProps.vaFlowUrlParameter && (
)
}
diff --git a/src/frame/components/article/ArticleInlineLayout.tsx b/src/frame/components/article/ArticleInlineLayout.tsx
index 3b827faa09b2..7833145e5284 100644
--- a/src/frame/components/article/ArticleInlineLayout.tsx
+++ b/src/frame/components/article/ArticleInlineLayout.tsx
@@ -1,6 +1,5 @@
import React from 'react'
import cx from 'classnames'
-import { Box } from '@primer/react'
import { SupportPortalVaIframe, SupportPortalVaIframeProps } from './SupportPortalVaIframe'
import styles from './ArticleInlineLayout.module.scss'
@@ -28,39 +27,41 @@ export const ArticleInlineLayout = ({
return (
{breadcrumbs && (
-
+
@@ -70,7 +71,7 @@ export const ArticleInlineLayout = ({
+
)
diff --git a/src/graphql/scripts/utils/process-schemas.ts b/src/graphql/scripts/utils/process-schemas.ts
index fe8aa867e3ed..d5bf55eae812 100755
--- a/src/graphql/scripts/utils/process-schemas.ts
+++ b/src/graphql/scripts/utils/process-schemas.ts
@@ -401,17 +401,17 @@ export default async function processSchemas(
returnField.kind = fieldKind
returnField.href = helpers.getFullLink(returnField.kind, returnField.id)
returnField.description = await helpers.getDescription(
- field.description?.value || '',
+ returnFieldDef.description?.value || '',
)
returnField.isDeprecated = helpers.getDeprecationStatus(
- (field.directives || []) as readonly ConstDirectiveNode[],
+ (returnFieldDef.directives || []) as readonly ConstDirectiveNode[],
)
returnField.deprecationReason = await helpers.getDeprecationReason(
- (field.directives || []) as readonly ConstDirectiveNode[],
+ (returnFieldDef.directives || []) as readonly ConstDirectiveNode[],
returnField as ReturnFieldInfo,
)
returnField.preview = await helpers.getPreview(
- (field.directives || []) as readonly ConstDirectiveNode[],
+ (returnFieldDef.directives || []) as readonly ConstDirectiveNode[],
returnField as ReturnFieldInfo,
previewsPerVersion,
)
diff --git a/src/landings/components/ArticleCard.module.scss b/src/landings/components/ArticleCard.module.scss
new file mode 100644
index 000000000000..8f3a8dd231af
--- /dev/null
+++ b/src/landings/components/ArticleCard.module.scss
@@ -0,0 +1,7 @@
+.topicsList {
+ list-style-type: none;
+}
+
+.label {
+ margin-right: 0.25rem;
+}
diff --git a/src/landings/components/ArticleCard.tsx b/src/landings/components/ArticleCard.tsx
index e834ddfdf44c..6ba5676f763c 100644
--- a/src/landings/components/ArticleCard.tsx
+++ b/src/landings/components/ArticleCard.tsx
@@ -3,6 +3,8 @@ import { Label } from '@primer/react'
import { ArticleGuide } from '@/landings/components/ProductGuidesContext'
import { Link } from '@/frame/components/Link'
+import styles from './ArticleCard.module.scss'
+
type Props = {
card: ArticleGuide
typeLabel: string
@@ -23,7 +25,7 @@ export const ArticleCard = ({ tabIndex, card, typeLabel }: Props) => {
{breadcrumbs}
-
+
)}
- {topper && {topper} }
+ {topper &&
+
+
{toc}
-
+
)}
- {topper}
}
{intro && (
-
{intro}
-
+
)}
{introCallOuts && (
-
{introCallOuts}
-
+
)}
{toc && (
- {card.intro}
{card.topics.length > 0 && ( --
+
-
@@ -31,7 +33,7 @@ export const ArticleCard = ({ tabIndex, card, typeLabel }: Props) => {
data-testid="article-card-topic"
size="small"
variant="accent"
- sx={{ mr: 1 }}
+ className={styles.label}
>
{topic}
diff --git a/src/landings/components/CookBookArticleCard.module.scss b/src/landings/components/CookBookArticleCard.module.scss
new file mode 100644
index 000000000000..b4965772d835
--- /dev/null
+++ b/src/landings/components/CookBookArticleCard.module.scss
@@ -0,0 +1,15 @@
+.spotlightImage {
+ background-color: gray;
+ margin-bottom: 20px;
+ border-radius: 5px;
+ width: 100%;
+ height: auto;
+}
+
+.cardContainer {
+ min-height: 200px;
+}
+
+.label {
+ margin-right: 0.25rem;
+}
diff --git a/src/landings/components/CookBookArticleCard.tsx b/src/landings/components/CookBookArticleCard.tsx
index d14cc4a7ff7f..d11352af963a 100644
--- a/src/landings/components/CookBookArticleCard.tsx
+++ b/src/landings/components/CookBookArticleCard.tsx
@@ -1,6 +1,8 @@
import { Label, LabelGroup, Link } from '@primer/react'
import { ValidOcticon, getOcticonComponent } from '../lib/octicons'
+import styles from './CookBookArticleCard.module.scss'
+
type IconType = ValidOcticon
type Props = {
@@ -15,19 +17,7 @@ type Props = {
}
function setImage(image: string, alt: string) {
- return image ? (
-
- ) : null + return image ?
{spotlight ? setImage(image, title) : null} {spotlight @@ -62,7 +51,7 @@ export const CookBookArticleCard = ({{description}{tags.map((tag, index) => ( -
-
{card.topics.map((topic) => {
return (