a71381da40
* start moving ui to redux tlk * remove unused reducer * changes for gdpr and site types * ui: migrating duck/roles to mobx * ui: drop unreferenced types * ui: drop unreferenced types * ui: move player slice reducer to mobx family * ui: move assignments to issueReportingStore.ts * remove issues store * some fixes after issues store * remove errors reducer, drop old components * finish removing errors reducer * start moving integrations state to mobx * change(ui): funnel duck cleanup * change(ui): custom fields * change(ui): customMetrics cleanup * change(ui): customMetrics cleanup * change(ui): duck/filters minor cleanup * change(ui): duck/filters cleanup * change(ui): duck/customMetrics cleanup and upgrades * fix integrations service, fix babel config to >.25 + not ie * refactoring integrations reducers etc WIP * finish removing integrations state * some fixes for integrated check * start of projects refactoring * move api and "few" files to new project store * new batch for site -> projects * fix setid context * move all critical components, drop site duck * remove all duck/site refs, remove old components * fixup for SessionTags.tsx, remove duck/sources (?) * move session store * init sessionstore outside of context * fix userfilter * replace simple actions for session store * sessions sotre * Rtm temp (#2597) * change(ui): duck/search wip * change(ui): duck/search wip * change(ui): duck/search wip * change(ui): duck/searchLive wip * change(ui): duck/searchLive wip * change(ui): duck/searchLive wip * change(ui): duck/searchLive wip * change(ui): search states * change(ui): search states * change(ui): search states * change(ui): fix savedSearch store * change(ui): fix savedSearch store * some fixes for session connector * change(ui): fix savedSearch store * change(ui): fix searchLive * change(ui): fix searchLive * fixes for session replay * change(ui): bookmark fetch * last components for sessions * add fetchautoplaylist * finish session reducer, remove deleted reducers * change(ui): fix the search fetch * change(ui): fix the search fetch * fix integrations call ctx * ensure ctx for sessionstore * fix(ui): checking for latest sessions path * start removing user reducer * removing user reducer pt2... * finish user store * remove rand log * fix crashes * tinkering workflow file for tracker test * making sure prefetched sessions work properly * fix conflict * fix router redirects during loading --------- Co-authored-by: Shekar Siri <sshekarsiri@gmail.com>
85 lines
2.4 KiB
TypeScript
85 lines
2.4 KiB
TypeScript
import './styles/index.scss';
|
|
import React from 'react';
|
|
import { createRoot } from 'react-dom/client';
|
|
import './init';
|
|
import Router from './Router';
|
|
import { StoreProvider, RootStore } from './mstore';
|
|
import { HTML5Backend } from 'react-dnd-html5-backend';
|
|
import { DndProvider } from 'react-dnd';
|
|
import { ConfigProvider, theme, ThemeConfig } from 'antd';
|
|
import colors from 'App/theme/colors';
|
|
import { BrowserRouter } from 'react-router-dom';
|
|
import { Notification, MountPoint } from 'UI';
|
|
|
|
// @ts-ignore
|
|
window.getCommitHash = () => console.log(window.env.COMMIT_HASH);
|
|
|
|
const customTheme: ThemeConfig = {
|
|
// algorithm: theme.compactAlgorithm,
|
|
components: {
|
|
Layout: {
|
|
headerBg: colors['gray-lightest'],
|
|
siderBg: colors['gray-lightest']
|
|
},
|
|
Segmented: {
|
|
itemSelectedBg: '#FFFFFF',
|
|
itemSelectedColor: colors['main'],
|
|
},
|
|
Menu: {
|
|
colorPrimary: colors.teal,
|
|
colorBgContainer: colors['gray-lightest'],
|
|
colorFillTertiary: colors['gray-lightest'],
|
|
colorBgLayout: colors['gray-lightest'],
|
|
subMenuItemBg: colors['gray-lightest'],
|
|
|
|
itemHoverBg: colors['active-blue'],
|
|
itemHoverColor: colors['teal'],
|
|
|
|
itemActiveBg: colors['active-blue'],
|
|
itemSelectedBg: colors['active-blue'],
|
|
itemSelectedColor: colors['teal'],
|
|
|
|
itemMarginBlock: 0,
|
|
itemPaddingInline: 50,
|
|
iconMarginInlineEnd: 14,
|
|
collapsedWidth: 180,
|
|
},
|
|
Button: {
|
|
colorPrimary: colors.teal
|
|
}
|
|
},
|
|
token: {
|
|
colorPrimary: colors.teal,
|
|
colorPrimaryActive: '#394EFF',
|
|
colorBgLayout: colors['gray-lightest'],
|
|
colorBgContainer: colors['white'],
|
|
colorLink: colors['teal'],
|
|
colorLinkHover: colors['teal-dark'],
|
|
|
|
borderRadius: 4,
|
|
fontSize: 14,
|
|
fontFamily: '\'Roboto\', \'ArialMT\', \'Arial\''
|
|
}
|
|
};
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
const container = document.getElementById('app');
|
|
// @ts-ignore
|
|
const root = createRoot(container);
|
|
|
|
|
|
// const theme = window.localStorage.getItem('theme');
|
|
root.render(
|
|
<ConfigProvider theme={customTheme}>
|
|
<StoreProvider store={new RootStore()}>
|
|
<DndProvider backend={HTML5Backend}>
|
|
<BrowserRouter>
|
|
<Notification />
|
|
<Router />
|
|
</BrowserRouter>
|
|
</DndProvider>
|
|
<MountPoint />
|
|
</StoreProvider>
|
|
</ConfigProvider>
|
|
);
|
|
});
|