Improve embed playground

LinwoodDev · Jan 4, 2024 · 8e51c11 · 8e51c11
1 parent 10c9fe3
commit 8e51c11
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git 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
@@ -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)} />