refactor: rename themeProvider to dashboardTheme

src/dashboard/components/theme/themeProvider.tsx → src/dashboard/components/dashboardTheme/dashboardTheme.tsx

@@ -10,7 +10,7 @@ const themes: Record<string, Theme> = {
     light: lightTheme,
 };
 
-const ThemeProvider = ({ popup }) => {
+const DashboardTheme = ({ popup }) => {
     const [viewConfig, setViewConfig] = useState<ViewConfig>({});
     const [serviceStates, setServiceStates] = useState<ServiceStateItem[]>([]);
 
@@ -37,4 +37,4 @@ const ThemeProvider = ({ popup }) => {
     );
 };
 
-export default ThemeProvider;
+export default DashboardTheme;

src/dashboard/dashboard.tsx

@@ -3,12 +3,12 @@ import core from 'common/core';
 import logger from 'common/logger';
 import * as React from 'react';
 import { createRoot } from 'react-dom/client';
-import ThemeProvider from './components/theme/themeProvider';
+import DashboardTheme from './components/dashboardTheme/dashboardTheme';
 import './dashboard.css';
 
 core.init({ test: false });
 logger.init({ prefix: 'dashboard', debug: false });
 
 const container = document.getElementById('app');
 if (!container) throw new Error("Could not find 'app' element");
-createRoot(container).render(<ThemeProvider popup={false} />);
+createRoot(container).render(<DashboardTheme popup={false} />);

src/dashboard/popup.tsx

@@ -3,12 +3,12 @@ import core from 'common/core';
 import logger from 'common/logger';
 import * as React from 'react';
 import { createRoot } from 'react-dom/client';
-import ThemeProvider from './components/theme/themeProvider';
+import DashboardTheme from './components/dashboardTheme/dashboardTheme';
 import './popup.css';
 
 core.init({ test: false });
 logger.init({ prefix: 'popup', debug: true });
 
 const container = document.getElementById('app');
 if (!container) throw new Error("Could not find 'app' element");
-createRoot(container).render(<ThemeProvider popup={true} />);
+createRoot(container).render(<DashboardTheme popup={true} />);

src/settings/view/controller.tsx

@@ -1,14 +1,14 @@
 import angular from 'angular';
 import app from 'settings/app';
 import core from 'common/core';
-import ThemeProvider from 'dashboard/components/theme/themeProvider';
+import DashboardTheme from 'dashboard/components/dashboardTheme/dashboardTheme';
 import { createRoot } from 'react-dom/client';
 import React from 'react';
 
 export default app.controller('ViewSettingsCtrl', function ($scope) {
     const settingsDashboard = document.getElementById('settings-dashboard');
     if (settingsDashboard) {
-        createRoot(settingsDashboard).render(<ThemeProvider popup={false} />);
+        createRoot(settingsDashboard).render(<DashboardTheme popup={false} />);
     }
 
     core.views.subscribe(function (config) {