Skip to content

Commit

Permalink
Fix MUI theme in Jupyter AI Settings (jupyterlab#1210)
Browse files Browse the repository at this point in the history
* fixes - Jupyter AI's broken settings theme

* [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

---------

Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
  • Loading branch information
2 people authored and Darshan808 committed Feb 4, 2025
1 parent c48f217 commit 5fced3e
Show file tree
Hide file tree
Showing 2 changed files with 13 additions and 8 deletions.
1 change: 1 addition & 0 deletions packages/jupyter-ai/src/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -55,6 +55,7 @@ const plugin: JupyterFrontEndPlugin<void> = {
let settingsWidget: ReactWidget;
try {
settingsWidget = buildAiSettings(
themeManager,
rmRegistry,
completionProvider,
openInlineCompleterSettings
Expand Down
20 changes: 12 additions & 8 deletions packages/jupyter-ai/src/widgets/settings-widget.tsx
Original file line number Diff line number Diff line change
@@ -1,23 +1,27 @@
import React from 'react';
import { ReactWidget } from '@jupyterlab/apputils';
import { IThemeManager, ReactWidget } from '@jupyterlab/apputils';
import { settingsIcon } from '@jupyterlab/ui-components';
import { IRenderMimeRegistry } from '@jupyterlab/rendermime';

import { IJaiCompletionProvider } from '../tokens';
import { IRenderMimeRegistry } from '@jupyterlab/rendermime';
import { ChatSettings } from '../components/chat-settings';
import { JlThemeProvider } from '../components/jl-theme-provider';

export function buildAiSettings(
themeManager: IThemeManager | null,
rmRegistry: IRenderMimeRegistry,
completionProvider: IJaiCompletionProvider | null,
openInlineCompleterSettings: () => void
): ReactWidget {
const SettingsWidget = ReactWidget.create(
<ChatSettings
rmRegistry={rmRegistry}
completionProvider={completionProvider}
openInlineCompleterSettings={openInlineCompleterSettings}
inputOptions={false}
/>
<JlThemeProvider themeManager={themeManager}>
<ChatSettings
rmRegistry={rmRegistry}
completionProvider={completionProvider}
openInlineCompleterSettings={openInlineCompleterSettings}
inputOptions={false}
/>
</JlThemeProvider>
);
SettingsWidget.id = 'jupyter-ai::settings';
SettingsWidget.title.icon = settingsIcon;
Expand Down

0 comments on commit 5fced3e

Please sign in to comment.