feat: pass content prop into Playground (#6)

diplodoc-platform · Sep 19, 2023 · 68eb23c · 68eb23c
1 parent 39e32bd
commit 68eb23c
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/app.tsx b/src/app.tsx
@@ -32,13 +32,15 @@ const App = () => {
 };
 
 export type PlaygroundProperties = {
+    content?: string;
     persistRestore?: boolean;
 }
 
 function Playground(props: PlaygroundProperties) {
   const persist = useCallback(persistRestore.persist, []);
   const restore = useCallback(persistRestore.restore, []);
-  const [input, setInput] = useState(props.persistRestore ? (restore() ?? '') : '');
+  const content = props?.persistRestore ? restore() : props?.content
+  const [input, setInput] = useState(content ?? '');
   const [generated, setGenerated] = useState(input);
 
   const generate = useCallback((active: string) => {
@@ -86,7 +88,7 @@ function Playground(props: PlaygroundProperties) {
   useEffect(() => {
     generate(outputActive);
 
-    if (props.persistRestore) {
+    if (props?.persistRestore) {
         persist(input);
     }
   }, [input]);