From 97fa0278ecf72865853afcb1da8f038dbdfaf754 Mon Sep 17 00:00:00 2001
From: Luck <git@lucko.me>
Date: Sat, 27 Mar 2021 11:59:56 +0000
Subject: [PATCH] add new button

---
 src/components/Editor.js         |  2 +-
 src/components/EditorControls.js | 16 +++++++++++++---
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/components/Editor.js b/src/components/Editor.js
index f537be8..7510ac9 100644
--- a/src/components/Editor.js
+++ b/src/components/Editor.js
@@ -33,7 +33,7 @@ export default function Editor({ content, setContent, contentType }) {
 
   return <>
     <ThemeProvider theme={themes[theme]}>
-      <EditorControls code={content} language={language} setLanguage={setLanguage} theme={theme} setTheme={setTheme} />
+      <EditorControls code={content} setCode={setContent} language={language} setLanguage={setLanguage} theme={theme} setTheme={setTheme} />
       <EditorTextArea code={content} setCode={setContent} language={language} />
     </ThemeProvider>
   </>
diff --git a/src/components/EditorControls.js b/src/components/EditorControls.js
index 66e2fa1..54c3597 100644
--- a/src/components/EditorControls.js
+++ b/src/components/EditorControls.js
@@ -7,7 +7,7 @@ import copy from 'copy-to-clipboard';
 import { languageIds } from '../highlighting';
 import themes from '../style/themes';
 
-export default function EditorControls({ code, language, setLanguage, theme, setTheme }) {
+export default function EditorControls({ code, setCode, language, setLanguage, theme, setTheme }) {
   const [saving, setSaving] = useState(false);
   const [recentlySaved, setRecentlySaved] = useState(false);
 
@@ -24,17 +24,26 @@ export default function EditorControls({ code, language, setLanguage, theme, set
       setSaving(false);
       setRecentlySaved(true);
       history.replace({
-        pathname: pasteId,
-        hash: ''
+        pathname: pasteId
       });
       copy(window.location.href);
       document.title = 'paste | ' + pasteId;
     });
   }
 
+  function reset() {
+    setCode('');
+    setLanguage('plain');
+    history.replace({
+      pathname: '/'
+    });
+    document.title = 'paste';
+  }
+
   return (
     <Header>
       <Section>
+        <Button onClick={reset}>[new]</Button>
         <Button onClick={save}>
           {recentlySaved
             ? '[link copied!]'
@@ -44,6 +53,7 @@ export default function EditorControls({ code, language, setLanguage, theme, set
         <MenuButton label="language" value={language} setValue={setLanguage} ids={languageIds} />
       </Section>
       <Section>
+        
         <MenuButton label="theme" value={theme} setValue={setTheme} ids={Object.keys(themes)} />
         <Button as="a" href="https://github.com/lucko/paste" target="_blank" rel="noreferrer">[about]</Button>
       </Section>