fix: add excerpt to appearance and showcase components

kickstartDS · Apr 27, 2023 · 09aed2f · 09aed2f
1 parent cd4721a
commit 09aed2f
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 0 deletions.
diff --git a/src/appearance/AppearanceComponent.tsx b/src/appearance/AppearanceComponent.tsx
@@ -28,6 +28,7 @@ export const Appearance: FunctionComponent<
   tags,
   related,
   overviewPage,
+  excerpt,
   ...props
 }) => {
   return (

diff --git a/src/appearance/AppearanceProps.ts b/src/appearance/AppearanceProps.ts
@@ -17,6 +17,10 @@ export type TitleForTheAppearance = string;
  * Description of the type and content of the appearance
  */
 export type DescriptionOfTheAppearance = string;
+/**
+ * Short text to tease the appearance
+ */
+export type TextExcerptToTeaseAppearance = string;
 /**
  * Name of the host
  */
@@ -141,6 +145,7 @@ export interface AppearanceProps {
   link: LinkToAppearance;
   title: TitleForTheAppearance;
   description: DescriptionOfTheAppearance;
+  excerpt?: TextExcerptToTeaseAppearance;
   host: HostOfTheAppearance;
   participants: Participants;
   tags?: Tags;

diff --git a/src/appearance/appearance.schema.json b/src/appearance/appearance.schema.json
@@ -24,6 +24,13 @@
       "default": "kickstartDS is a low-code framework and comprehensive component library that enables development teams to create consistent and brand-compliant web frontends. Jonas Ulrich and Daniel Ley join us to talk about kickstartDS, the starter kit for Design Systems. We've talked to Paul Mikulskis about the beginnings of kickstartDS, what we've built so far... and what we still have in our plans! This podcast is a great and short introduction to kickstartDS, we hope you enjoy it!",
       "description": "Description of the type and content of the appearance"
     },
+    "excerpt": {
+      "title": "Text excerpt to tease appearance",
+      "type": "string",
+      "format": "markdown",
+      "default": "kickstartDS is a low-code framework and comprehensive component library that enables development teams to create consistent and brand-compliant web frontends.",
+      "description": "Short text to tease the appearance"
+    },
     "host": {
       "type": "object",
       "title": "Host of the appearance",

diff --git a/src/showcase/ShowcaseComponent.tsx b/src/showcase/ShowcaseComponent.tsx
@@ -29,6 +29,7 @@ export const Showcase: FunctionComponent<
   summary,
   quote,
   overviewPage,
+  excerpt,
   ...props
 }) => (
   <div {...props}>

diff --git a/src/showcase/ShowcaseProps.ts b/src/showcase/ShowcaseProps.ts
@@ -17,6 +17,10 @@ export type TitleForTheShowcase = string;
  * Title that should be shown for this appearance
  */
 export type ShortSummaryOfTheShowcase = string;
+/**
+ * Short text to tease the showcase
+ */
+export type TextExcerptToTeaseShowcase = string;
 /**
  * Enable/Disable Quote element
  */
@@ -129,6 +133,7 @@ export interface ShowcaseProps {
   link: LinkToShowcase;
   title: TitleForTheShowcase;
   summary?: ShortSummaryOfTheShowcase;
+  excerpt?: TextExcerptToTeaseShowcase;
   quote?: QuoteElement;
   description: DescriptionOfTheAppearance;
   cover: CoverImage;

diff --git a/src/showcase/showcase.schema.json b/src/showcase/showcase.schema.json
@@ -24,6 +24,13 @@
       "default": "encore as a German utility company supports their customers with modern, cloud-based software solutions, and a wide spectrum of services around their business.",
       "description": "Title that should be shown for this appearance"
     },
+    "excerpt": {
+      "title": "Text excerpt to tease showcase",
+      "type": "string",
+      "format": "markdown",
+      "default": "encore as a German utility company supports their customers with modern, cloud-based software solutions, and a wide spectrum of services around their business.",
+      "description": "Short text to tease the showcase"
+    },
     "quote": {
       "allOf": [
         {