problem: can't edit problem body text

nostrocket · Jan 23, 2024 · 77bd256 · 77bd256
1 parent 4b74df0
commit 77bd256
Showing 1 changed file with 17 additions and 3 deletions.
diff --git a/src/components/novoproblems/elements/ProblemBody.svelte b/src/components/novoproblems/elements/ProblemBody.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { makeHtml } from "$lib/helpers/mundane";
   import type { Problem } from "$lib/stores/nostrocket_state/types";
-  import { Button, Column, Row, TextArea } from "carbon-components-svelte";
+  import { Button, ButtonSet, Column, Row, TextArea } from "carbon-components-svelte";
   import { Edit } from "carbon-icons-svelte";
 
   export let problem: Problem;
@@ -35,8 +35,22 @@
     {#if edit}
       <Row>
         <Column lg={8}
-          ><TextArea rows={problem.FullText.split(/\r\n|\r|\n/).length} bind:value={problem.FullText} /><Button style="float:right;">PUBLISH</Button
-          ></Column
+          ><TextArea rows={problem.FullText.split(/\r\n|\r|\n/).length} bind:value={problem.FullText} /><ButtonSet
+          ><Button
+            on:click={() => {
+              problem.FullText = existing;
+              edit = false;
+            }}
+            kind="secondary"
+            size="field">CANCEL</Button
+          ><Button
+            on:click={() => {
+              edit = false;
+              publish();
+            }}
+            size="field">PUBLISH</Button
+          ></ButtonSet
+        ></Column
         >
         <Column lg={8}>{@html makeHtml(problem.FullText)}</Column>
       </Row>