Archives/gristlabs_grist-core
1
0
Fork 0
mirror of https://github.com/gristlabs/grist-core.git synced 2024-10-27 20:44:07 +00:00
Code Issues Projects Releases Wiki Activity

(core) Re-render assistant code blocks on theme change

Browse Source 
Summary:
When the browser theme transitioned while the assistant was open, messages
containing code blocks were not being re-rendered with the new theme.

Test Plan: Manual.

Reviewers: paulfitz

Reviewed By: paulfitz

Subscribers: paulfitz

Differential Revision: https://phab.getgrist.com/D3965
This commit is contained in:
George Gevoian 2023-07-20 20:28:22 -04:00
parent 391c8ee087
commit 5e26401a24
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/client/widgets/FormulaAssistant.ts
View File

@ -23,7 +23,7 @@ import {loadingDots} from 'app/client/ui2018/loaders';
import {menu, menuCssClass, menuItem} from 'app/client/ui2018/menus'; import {menu, menuCssClass, menuItem} from 'app/client/ui2018/menus';
import {TelemetryEvent, TelemetryMetadata} from 'app/common/Telemetry'; import {TelemetryEvent, TelemetryMetadata} from 'app/common/Telemetry';
import {Computed, Disposable, dom, DomElementArg, makeTestId, import {Computed, Disposable, dom, DomElementArg, makeTestId,
MutableObsArray, obsArray, Observable, styled} from 'grainjs'; MutableObsArray, obsArray, Observable, styled, subscribeElem} from 'grainjs';
import debounce from 'lodash/debounce'; import debounce from 'lodash/debounce';
import noop from 'lodash/noop'; import noop from 'lodash/noop';
import {marked} from 'marked'; import {marked} from 'marked';
@ -931,7 +931,7 @@ class ChatHistory extends Disposable {
const doc = this._options.gristDoc; const doc = this._options.gristDoc;
if (this.supportsMarkdown()) { if (this.supportsMarkdown()) {
return dom('div', return dom('div',
(el) => { (el) => subscribeElem(el, doc.currentTheme, () => {
const content = sanitizeHTML(marked(message, { const content = sanitizeHTML(marked(message, {
highlight: (code) => { highlight: (code) => {
const codeBlock = buildHighlightedCode(code, { const codeBlock = buildHighlightedCode(code, {
@ -942,10 +942,9 @@ class ChatHistory extends Disposable {
}, },
})); }));
el.innerHTML = content; el.innerHTML = content;
}, }),
...args ...args
); );
} else { } else {
return buildHighlightedCode(message, { return buildHighlightedCode(message, {
gristTheme: doc.currentTheme, gristTheme: doc.currentTheme,