From 0f7b492b376d3aa4a7e660dfa64d3e6b0d47d1aa Mon Sep 17 00:00:00 2001
From: jose-donato <43375532+jose-donato@users.noreply.github.com>
Date: Tue, 13 Dec 2022 19:17:58 +0000
Subject: [PATCH] New SDK showcase dashboards (#3769)

* fix(docs): added margin between sections

* feat: new showcase items

* Update showcase.md

* Update showcase.md

Co-authored-by: Jeroen Bouma <jer.bouma@gmail.com>
---
 website/content/sdk/showcase.md               | 28 +++++++++++++++++--
 .../src/components/General/ShowcaseItem.tsx   |  2 +-
 2 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/website/content/sdk/showcase.md b/website/content/sdk/showcase.md
index 244cde39527..19c4a7c4911 100644
--- a/website/content/sdk/showcase.md
+++ b/website/content/sdk/showcase.md
@@ -12,12 +12,34 @@ This page contains a list of projects that use the OpenBB SDK. If you have a pro
 
 <ShowcaseItem
 categories={['Crypto', 'NFTs']}
-title="AI1 Crypto"
-description="AI1 Crypto is a cryptocurrency dashboard that allows you get an overview of the current state of the cryptocurrency market."
+title="Ai1Crypto"
+description="Ai1Crypto is a cryptocurrency dashboard that allows you get an overview of the current state of the cryptocurrency market."
 url="https://ai1crypto.vercel.app/">
 
 <iframe style={{height: 400}} className="w-full rounded"
-src="https://ai1crypto.vercel.app/" title="AI1 Crypto"></iframe>
+src="https://ai1crypto.vercel.app/" title="Ai1Crypto"></iframe>
+</ShowcaseItem>
+
+<ShowcaseItem
+categories={['Commodities', 'Economy', 'Crypto', 'Stocks']}
+title="DirtyDefi’s Streamlit Dashboard"
+description="A dashboard built with information from OpenBB by Joseph B, also known as DirtyDefi."
+url="https://openbb.streamlit.app/">
+
+<iframe style={{height: 400}} className="w-full rounded"
+src="https://openbb.streamlit.app/?embedded=true" title="DirtyDefi’s Streamlit Dashboard"></iframe>
+</ShowcaseItem>
+
+<ShowcaseItem
+categories={['Economy', 'ETF', 'Stocks']}
+title="Kulbinderdio’s Streamlit Dashboard"
+description="A dashboard built with information from OpenBB by Kulbinderdio."
+url="https://github.com/kulbinderdio/streamlit_openBB">
+
+<video style={{height: 400}} className="w-full rounded" controls>
+  <source src="https://user-images.githubusercontent.com/4700433/205459912-9c9a10ac-50ce-42e3-8bf1-ad2e5a64b2a1.mp4" type="video/mp4" />
+Your browser does not support the video tag.
+</video>
 </ShowcaseItem>
 
 ---
diff --git a/website/src/components/General/ShowcaseItem.tsx b/website/src/components/General/ShowcaseItem.tsx
index bfd221a34c9..3a89db15ea1 100644
--- a/website/src/components/General/ShowcaseItem.tsx
+++ b/website/src/components/General/ShowcaseItem.tsx
@@ -17,7 +17,7 @@ export default function ShowcaseItem({
   categories,
 }: Props) {
   return (
-    <div>
+    <div className="mb-20">
       <div className="flex gap-3 items-center">
         <h3 className="font-bold text-xl my-4">{title}</h3>
         <div className="flex gap-2 items-center">