From 26c3299c4495346354962f1af186a0b559bd62cc Mon Sep 17 00:00:00 2001
From: Peter Skelin <petar.skelin@sap.com>
Date: Mon, 25 Mar 2024 16:55:10 +0200
Subject: [PATCH] docs: add reset button in playground

---
 packages/website/src/components/Editor/index.js | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/packages/website/src/components/Editor/index.js b/packages/website/src/components/Editor/index.js
index ae1def266ce7..3fce7f7aedc3 100644
--- a/packages/website/src/components/Editor/index.js
+++ b/packages/website/src/components/Editor/index.js
@@ -10,6 +10,7 @@ import { encodeToBase64, decodeFromBase64 } from "./share.js";
 import clsx from "clsx";
 import ShareIcon from "../../../local-cdn/local-cdn/icons/dist/v5/share-2.svg";
 import { Splitter } from 'react-splitter-light';
+import ResetIcon from "../../../local-cdn/local-cdn/icons/dist/v5/reset.svg";
 import DownloadIcon from "../../../local-cdn/local-cdn/icons/dist/v5/download-from-cloud.svg";
 import EditIcon from "../../../local-cdn/local-cdn/icons/dist/v5/edit.svg";
 import ActionIcon from "../../../local-cdn/local-cdn/icons/dist/v5/action.svg";
@@ -125,6 +126,12 @@ export default function Editor({html, js, css, mainFile = "main.js", canShare =
     return files;
   }
 
+  const reset = () => {
+    localStorage.clear("project");
+    location.hash = "";
+    location.reload();
+  }
+
   const download = () => {
     const files = getSampleFiles();
     downloadSample(files);
@@ -332,6 +339,14 @@ ${fixAssetPaths(js)}`,
         ?
           <>
             <div className={`${styles.editor__toolbar}`}>
+              <button
+                className={`button button--secondary ${styles.previewResult__download}`}
+                onClick={ reset }
+              >
+               <ResetIcon className={`${styles.btn__icon}`}/>
+                Reset exapmle
+              </button>
+
               <button
                 className={`button button--secondary ${styles.previewResult__download}`}
                 onClick={ download }