edit and copy buttons added to GPT template preview

1 files changed, 15 insertions, 0 deletions

diff --git a/src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx b/src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx
index b45ac7f46..205923346 100644
--- a/src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx
+++ b/src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx
@@ -135,6 +135,7 @@ export class DocCreatorMenu extends ObservableReactComponent<{}> {
             emptyFunction,
             undoable(clickEv => {
                 clickEv.stopPropagation();
+                clickEv.preventDefault();
                 func();
             }, 'create docs')
         )
@@ -356,6 +357,14 @@ export class DocCreatorMenu extends ObservableReactComponent<{}> {
         this.forceUpdate();
     }
 
+    editTemplate = () => {
+
+    }
+
+    copyGPTTemplate = () => {
+
+    }
+
     get templatesPreviewContents(){
         const renderedTemplates: Doc[] = [];
 
@@ -383,6 +392,12 @@ export class DocCreatorMenu extends ObservableReactComponent<{}> {
                                 boxShadow: this._selectedTemplate === info.doc ? `0 0 15px rgba(68, 118, 247, .8)` : ''
                             }}
                             onPointerDown={e => this.setUpButtonClick(e, () => runInAction(() => this.updateSelectedTemplate(info.doc)))}>
+                                <button className='option-button left' onPointerDown={e => this.setUpButtonClick(e, () => {this.editTemplate()})}>
+                                    <FontAwesomeIcon icon='pencil' color='black'/>
+                                </button>
+                                <button className='option-button right' onPointerDown={e => this.setUpButtonClick(e, () => {this.copyGPTTemplate()})}>
+                                    <FontAwesomeIcon icon='plus' color='black'/>
+                                </button>
                                 <img className='docCreatorMenu-preview-image' src={info.icon!.url.href.replace(".png", "_o.png")} />
                             </div>
                         )}