diff --git a/frontend/app/block/block.tsx b/frontend/app/block/block.tsx index cfef875e8..01e1650a1 100644 --- a/frontend/app/block/block.tsx +++ b/frontend/app/block/block.tsx @@ -257,7 +257,8 @@ const BlockFrame_Default_Component = ({ }); }); let isFocused = jotai.useAtomValue(isFocusedAtom); - const viewIconUnion = util.useAtomValueSafe(viewModel.viewIcon) ?? "square"; + const viewIconUnion = util.useAtomValueSafe(viewModel.viewIcon) ?? blockViewToIcon(blockData?.view); + const viewName = util.useAtomValueSafe(viewModel.viewName) ?? blockViewToName(blockData?.view); const headerTextUnion = util.useAtomValueSafe(viewModel.viewText); const preIconButton = util.useAtomValueSafe(viewModel.preIconButton); const endIconButtons = util.useAtomValueSafe(viewModel.endIconButtons); @@ -398,7 +399,7 @@ const BlockFrame_Default_Component = ({ {preIconButtonElem}
{viewIconElem} -
{blockViewToName(blockData?.view)}
+
{viewName}
{settingsConfig?.blockheader?.showblockids && (
[{blockId.substring(0, 8)}]
)} @@ -440,7 +441,7 @@ function blockViewToIcon(view: string): string { if (view == "waveai") { return "sparkles"; } - return null; + return "square"; } function blockViewToName(view: string): string { @@ -459,31 +460,6 @@ function blockViewToName(view: string): string { return view; } -function useBlockIcon(blockId: string): string { - const blockIconOverrideAtom = useBlockAtom(blockId, "blockicon:override", () => { - return jotai.atom(null); - }); - const blockIconAtom = useBlockAtom(blockId, "blockicon", () => { - return jotai.atom((get) => { - console.log("atom-blockicon", blockId); - const blockAtom = WOS.getWaveObjectAtom(WOS.makeORef("block", blockId)); - const blockData = get(blockAtom); - const metaIcon = blockData?.meta?.icon; - if (!util.isBlank(metaIcon)) { - console.log("atom-blockicon-meta", metaIcon); - return metaIcon; - } - const overrideVal = get(blockIconOverrideAtom); - if (overrideVal != null) { - return overrideVal; - } - return blockViewToIcon(blockData?.view); - }); - }); - const blockIcon = jotai.useAtomValue(blockIconAtom); - return blockIcon; -} - function getViewElemAndModel( blockId: string, blockView: string, diff --git a/frontend/app/view/term/term.tsx b/frontend/app/view/term/term.tsx index 79e3ed707..0351b74aa 100644 --- a/frontend/app/view/term/term.tsx +++ b/frontend/app/view/term/term.tsx @@ -129,6 +129,7 @@ class TermViewModel { blockId: string; viewIcon: jotai.Atom; viewText: jotai.Atom; + viewName: jotai.Atom; constructor(blockId: string) { this.blockId = blockId; @@ -137,7 +138,16 @@ class TermViewModel { const blockData = get(this.blockAtom); return blockData?.meta?.["term:mode"] ?? "term"; }); - this.viewIcon = jotai.atom("terminal"); + this.viewIcon = jotai.atom((get) => { + return "terminal"; + }); + this.viewName = jotai.atom((get) => { + const blockData = get(this.blockAtom); + if (blockData.controller == "cmd") { + return "Command"; + } + return "Terminal"; + }); this.viewText = jotai.atom((get) => { const blockData = get(this.blockAtom); return blockData?.meta?.title ?? "";