fix(playground): Allow Enter key within codemirror editor

Arize-ai · Oct 11, 2024 · e505bd5 · e505bd5
1 parent e95da1f
commit e505bd5
Showing 1 changed file with 2 additions and 17 deletions.
diff --git a/app/src/pages/playground/PlaygroundChatTemplate.tsx b/app/src/pages/playground/PlaygroundChatTemplate.tsx
@@ -241,27 +241,12 @@ function SortableMessageItem({
           </Flex>
         }
       >
-        <div
-          css={css`
-            // TODO: remove these styles once the codemiror editor is added
-            .ac-textfield {
-              border: none !important;
-              border-radius: 0;
-              textarea {
-                padding: var(--ac-global-dimension-size-200);
-              }
-            }
-          `}
-          onKeyDownCapture={(e) => {
-            // Don't bubble up any keyboard events from the text area as to not interfere with DND
-            e.stopPropagation();
-          }}
-        >
+        <div>
           <TemplateEditor
             height="100%"
             value={message.content}
             aria-label="Message content"
-            templateLanguage={TemplateLanguages.Mustache}
+            templateLanguage={TemplateLanguages.FString}
             onChange={(val) => {
               updateInstance({
                 instanceId: playgroundInstanceId,