From 1059f656694524dfd0755a220daec0e4ab9973e4 Mon Sep 17 00:00:00 2001
From: Jordi Enric <jordi.err@gmail.com>
Date: Sat, 27 Jul 2024 23:19:12 +0200
Subject: [PATCH] store in localstorage

---
 .../interfaces/ReportsV2/editor/supa-editor.tsx          | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/apps/studio/components/interfaces/ReportsV2/editor/supa-editor.tsx b/apps/studio/components/interfaces/ReportsV2/editor/supa-editor.tsx
index a69e6d292b3..29da7d83f41 100644
--- a/apps/studio/components/interfaces/ReportsV2/editor/supa-editor.tsx
+++ b/apps/studio/components/interfaces/ReportsV2/editor/supa-editor.tsx
@@ -8,6 +8,9 @@ import { SlashCommand, getSlashCommandSuggestions } from './slash-commands'
 import { TrailingNode } from './trailing-node'
 import Placeholder from '@tiptap/extension-placeholder'
 
+// to get local storage in SSR
+const ls = typeof window !== 'undefined' ? window.localStorage : null
+
 export function SupaEditor() {
   const editor = useEditor({
     extensions: [
@@ -30,8 +33,10 @@ export function SupaEditor() {
       }
       return true
     },
-    content:
-      '<h1>Welcome to Supabase Reports v2</h1><p>Try typing a slash <code>/</code> in a new line.</p>',
+    content: JSON.parse(ls?.getItem('editorContent') || '{}'),
+    onUpdate: ({ editor }) => {
+      ls?.setItem('editorContent', JSON.stringify(editor.getJSON()))
+    },
     editorProps: {
       handleDOMEvents: {
         keydown: (view, event) => {