From 1b3ab31a2be25f7deda63a2f3449540da550fbd1 Mon Sep 17 00:00:00 2001
From: Bogdan Nechyporenko <bnechyporenko@bol.com>
Date: Fri, 10 Mar 2023 23:49:46 +0100
Subject: [PATCH] removed microservice-next leftovers

Signed-off-by: Bogdan Nechyporenko <bnechyporenko@bol.com>
---
 .../src/components/simpleCard/simpleCard.tsx  | 17 ----
 .../src/pages/on-demand/_onDemandCard.tsx     | 66 ----------------
 microsite-next/src/pages/on-demand/index.tsx  | 78 -------------------
 .../src/pages/on-demand/onDemand.module.scss  | 44 -----------
 .../src/util/truncateDescription.tsx          | 11 ---
 5 files changed, 216 deletions(-)
 delete mode 100644 microsite-next/src/components/simpleCard/simpleCard.tsx
 delete mode 100644 microsite-next/src/pages/on-demand/_onDemandCard.tsx
 delete mode 100644 microsite-next/src/pages/on-demand/index.tsx
 delete mode 100644 microsite-next/src/pages/on-demand/onDemand.module.scss
 delete mode 100644 microsite-next/src/util/truncateDescription.tsx

diff --git a/microsite-next/src/components/simpleCard/simpleCard.tsx b/microsite-next/src/components/simpleCard/simpleCard.tsx
deleted file mode 100644
index 77be566f18..0000000000
--- a/microsite-next/src/components/simpleCard/simpleCard.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-
-export interface ICardData {
-  header: React.ReactNode;
-  body: React.ReactNode;
-  footer: React.ReactNode;
-}
-
-export const SimpleCard = ({ header, body, footer }: ICardData) => (
-  <div className="card">
-    <div className="card__header">{header}</div>
-
-    <div className="card__body">{body}</div>
-
-    <div className="card__footer">{footer}</div>
-  </div>
-);
diff --git a/microsite-next/src/pages/on-demand/_onDemandCard.tsx b/microsite-next/src/pages/on-demand/_onDemandCard.tsx
deleted file mode 100644
index e203c80f9a..0000000000
--- a/microsite-next/src/pages/on-demand/_onDemandCard.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import Link from '@docusaurus/Link';
-import { SimpleCard } from '@site/src/components/simpleCard/simpleCard';
-import React from 'react';
-
-export interface IOnDemandData {
-  title: string;
-  category: string;
-  description: string;
-  date: string;
-  youtubeUrl: string;
-  youtubeImgUrl: string;
-  rsvpUrl: string;
-  eventUrl: string;
-}
-
-export const OnDemandCard = ({
-  title,
-  category,
-  description,
-  date,
-  youtubeUrl,
-  youtubeImgUrl,
-  rsvpUrl,
-  eventUrl,
-}: IOnDemandData) => (
-  <SimpleCard
-    header={
-      <>
-        <h3>{title}</h3>
-
-        <p className="PluginCardAuthor">on {date}</p>
-
-        <span className="badge badge--primary">{category}</span>
-
-        <img src={youtubeImgUrl} alt={title} />
-      </>
-    }
-    body={<p>{description}</p>}
-    footer={
-      category.toLowerCase() === 'upcoming' ? (
-        <>
-          <Link
-            to={eventUrl}
-            className="button button--outline button--sm button--primary"
-          >
-            Event page
-          </Link>
-
-          <Link
-            to={rsvpUrl}
-            className="button button--outline button--sm button--primary"
-          >
-            Remind me
-          </Link>
-        </>
-      ) : (
-        <Link
-          to={youtubeUrl}
-          className="button button--outline button--primary button--block"
-        >
-          Watch on YouTube
-        </Link>
-      )
-    }
-  />
-);
diff --git a/microsite-next/src/pages/on-demand/index.tsx b/microsite-next/src/pages/on-demand/index.tsx
deleted file mode 100644
index 7262005f70..0000000000
--- a/microsite-next/src/pages/on-demand/index.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import Layout from '@theme/Layout';
-import clsx from 'clsx';
-import React from 'react';
-
-import { IOnDemandData, OnDemandCard } from './_onDemandCard';
-import pluginsStyles from './onDemand.module.scss';
-import { truncateDescription } from '@site/src/util/truncateDescription';
-import Link from '@docusaurus/Link';
-
-//#region Plugin data import
-const onDemandContext = require.context(
-  '../../../../microsite/data/on-demand',
-  false,
-  /\.ya?ml/,
-);
-
-const onDemandData = onDemandContext.keys().reduce(
-  (acum, id) => {
-    const pluginData: IOnDemandData = onDemandContext(id).default;
-
-    acum[
-      pluginData.category === 'Upcoming' ? 'upcomingEvents' : 'onDemandEvents'
-    ].push(truncateDescription(pluginData));
-
-    return acum;
-  },
-  {
-    upcomingEvents: [] as IOnDemandData[],
-    onDemandEvents: [] as IOnDemandData[],
-  },
-);
-//#endregion
-
-const Plugins = () => (
-  <Layout>
-    <div
-      className={clsx('container', 'padding--lg', pluginsStyles.onDemandPage)}
-    >
-      <div className="marketplaceBanner">
-        <div className="marketplaceContent">
-          <h2>Community sessions</h2>
-
-          <p>
-            Upcoming events and recorded sessions about updates, demos and
-            discussions.
-          </p>
-        </div>
-
-        <Link
-          to="/docs/overview/support"
-          className="button button--outline button--primary"
-        >
-          Add an event or recording
-        </Link>
-      </div>
-
-      <div className="bulletLine margin-bottom--lg"></div>
-
-      <h2>Upcoming live events</h2>
-
-      <div className="cardsContainer margin-bottom--lg">
-        {onDemandData.upcomingEvents.map(eventData => (
-          <OnDemandCard key={eventData.title} {...eventData}></OnDemandCard>
-        ))}
-      </div>
-
-      <h2>Community on demand</h2>
-
-      <div className="cardsContainer margin-bottom--lg">
-        {onDemandData.onDemandEvents.map(eventData => (
-          <OnDemandCard key={eventData.title} {...eventData}></OnDemandCard>
-        ))}
-      </div>
-    </div>
-  </Layout>
-);
-
-export default Plugins;
diff --git a/microsite-next/src/pages/on-demand/onDemand.module.scss b/microsite-next/src/pages/on-demand/onDemand.module.scss
deleted file mode 100644
index fba051ec97..0000000000
--- a/microsite-next/src/pages/on-demand/onDemand.module.scss
+++ /dev/null
@@ -1,44 +0,0 @@
-.onDemandPage {
-  :global(.marketplaceBanner) {
-    display: flex;
-    align-items: center;
-  }
-
-  :global(.marketplaceContent) {
-    flex: 1;
-  }
-
-  :global(.card) {
-    max-width: 100%;
-  }
-
-  :global(.card .card__header) {
-    display: grid;
-    row-gap: 0.25rem;
-    column-gap: 1rem;
-    justify-items: start;
-
-    > * {
-      margin: 0;
-    }
-
-    :global(img) {
-      width: 250px;
-      max-width: 100%;
-      justify-self: center;
-    }
-  }
-
-  :global(.card .card__footer) {
-    gap: 1rem;
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
-  }
-
-  :global(.cardsContainer) {
-    gap: 1rem;
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
-    justify-items: start;
-  }
-}
diff --git a/microsite-next/src/util/truncateDescription.tsx b/microsite-next/src/util/truncateDescription.tsx
deleted file mode 100644
index dc661cbd49..0000000000
--- a/microsite-next/src/util/truncateDescription.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-export const maxDescLength = 160;
-
-export const truncateDescription = <T extends { description: string }>(
-  itemData: T,
-) =>
-  itemData.description.length > maxDescLength
-    ? {
-        ...itemData,
-        description: itemData.description.slice(0, maxDescLength) + '...',
-      }
-    : itemData;