From 8e51c11238c4d354342c3117713a86e7a0b9f7ee Mon Sep 17 00:00:00 2001
From: CodeDoctorDE <codedoctor@linwood.dev>
Date: Thu, 4 Jan 2024 19:38:46 +0100
Subject: [PATCH] Improve embed playground

---
 SECURITY.md                             | 2 +-
 docs/src/components/EmbedPlayground.tsx | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/SECURITY.md b/SECURITY.md
index ecbd2acde71b..0bb34513b1bf 100644
--- a/SECURITY.md
+++ b/SECURITY.md
@@ -4,7 +4,7 @@
 
 | Version | Supported          |                                                                                                                                         |
 | ------- | ------------------ | --------------------------------------------------------------------------------------------------------------------------------------- |
-| 2.0-dev | :warning:          | [Docs](https://docs.butterfly.linwood.dev/docs/2.0/intro) [Release](https://github.com/LinwoodDev/butterfly/releases/tag/v2.0.0-rc.3) |
+| 2.0.1-dev | :warning:          | [Docs](https://docs.butterfly.linwood.dev/docs/2.0/intro) [Release](https://github.com/LinwoodDev/butterfly/releases/tag/v2.0.1-rc.0) |
 | 2.0.0   | :white_check_mark: | [Docs](https://docs.butterfly.linwood.dev/docs/1.6/intro) [Release](https://github.com/LinwoodDev/butterfly/releases/tag/v2.0.0)        |
 | 1.6.1   | :x: | [Docs](https://docs.butterfly.linwood.dev/docs/1.6/intro) [Release](https://github.com/LinwoodDev/butterfly/releases/tag/v1.6.1)        |
 | 1.5.1   | :x:                | [Docs](https://docs.butterfly.linwood.dev/docs/1.5/intro) [Release](https://github.com/LinwoodDev/butterfly/releases/tag/v1.5.1)        |
diff --git a/docs/src/components/EmbedPlayground.tsx b/docs/src/components/EmbedPlayground.tsx
index 3b50a03026a4..af483b94e15c 100644
--- a/docs/src/components/EmbedPlayground.tsx
+++ b/docs/src/components/EmbedPlayground.tsx
@@ -10,7 +10,13 @@ export default function EmbedPlayground() {
     <div>
       <div className="input-group">
         <label htmlFor="language">Host</label>
-        <input className="input" type="text" value={host} id="language" onChange={(e) => setHost(e.target.value)} />
+        <input className="input" type="text" value={host} id="host" readOnly />
+        <div className="grid">
+            <button className="button button--outline button--secondary" onClick={() => setHost("https://butterfly.linwood.dev")}>Main</button>
+            <button className="button button--outline button--secondary" onClick={() => setHost("https://preview.butterfly.linwood.dev")}>Preview</button>
+            <button className="button button--outline button--secondary" onClick={() => setHost("https://v1.butterfly.linwood.dev")}>V1</button>
+            <button className="button button--outline button--secondary" onClick={() => setHost("https://v2.butterfly.linwood.dev")}>V2</button>
+        </div>
       </div>
       <label className="checkbox">Save
         <input type="checkbox" checked={save} id="save" onChange={() => setSave(!save)} />