ec59419f4f
Use color variables to set color in less and jsx, this makes it easy to change the theme for all pages. Change-Id: I9b82c4624826854d40d11da4e6ce4a9137b86085
69 lines
2.2 KiB
JavaScript
69 lines
2.2 KiB
JavaScript
// Copyright 2021 99cloud
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
|
|
import React, { Suspense } from 'react';
|
|
import ReactDOM from 'react-dom';
|
|
import { createBrowserHistory } from 'history';
|
|
import { syncHistoryWithStore } from 'mobx-react-router';
|
|
import { ConfigProvider } from 'antd';
|
|
import zhCN from 'antd/es/locale/zh_CN';
|
|
import enUS from 'antd/es/locale/en_US';
|
|
import globalRootStore from 'stores/root';
|
|
import PageLoading from 'components/PageLoading';
|
|
import metricDict from 'resources/prometheus/metricDict';
|
|
import variables from 'styles/variables.less';
|
|
import i18n from './i18n';
|
|
import App from './App';
|
|
|
|
window.t = i18n.t;
|
|
window.METRICDICT = metricDict;
|
|
window.globalCSS = variables;
|
|
|
|
const store = globalRootStore;
|
|
const browserHistory = createBrowserHistory();
|
|
const history = syncHistoryWithStore(browserHistory, store.routing);
|
|
const lang = i18n.getLocale();
|
|
const localeProvider = lang === 'en' ? enUS : zhCN;
|
|
|
|
const render = (component) => {
|
|
ReactDOM.render(
|
|
<Suspense fallback={<PageLoading className="sl-page-loading" />}>
|
|
{/* <>{component}</> */}
|
|
<ConfigProvider locale={localeProvider}>{component}</ConfigProvider>
|
|
</Suspense>,
|
|
document.getElementById('app')
|
|
);
|
|
};
|
|
|
|
const getUser = async (callback) => {
|
|
const currentPath = window.location.pathname;
|
|
if (currentPath.indexOf('/login') < 0) {
|
|
try {
|
|
await store.getUserProfileAndPolicy();
|
|
} catch (e) {
|
|
// eslint-disable-next-line no-console
|
|
console.log(e);
|
|
store.goToLoginPage(currentPath);
|
|
} finally {
|
|
callback && callback();
|
|
}
|
|
|
|
return;
|
|
}
|
|
callback && callback();
|
|
};
|
|
getUser(() => {
|
|
render(<App rootStore={store} history={history} />);
|
|
});
|