dca5e54811
* ui: kai ui thing ui: fixes for picking existing chat, feedback and retry buttons ui: connect finding, creating threads ui: more ui tuning for chat window, socket manager ui: get/delete chats logic, create testing socket ui: testing ui: use on click query ui: minor fixed for chat display, rebase ui: start kai thing * ui: add logs, add threadid * ui: feedback methods and ui * ui: store, replacing messages and giving feedback * ui: move retry btn to right corner * ui: move kai service out for ease of code splitting * ui: add thread id to socket connection * ui: support state messages * ui: cancel response generation method * ui: fix toast str * ui: add gfm plugin * ui: ensure md table has max sizes to prevent overflow * ui: revert tailwind styles on markdown block layer * ui: export as pdf, copy text contents of a message * ui: try to save text with formatting in secure contexts * ui: fix types * ui: fixup dark mode colors * ui: add duration for msgs * ui: take out custom jwt * ui: removing hardcode... * ui: change endpoints to prod * ui: swap socket path * ui: flip vis toggle * ui: lock file regenerate
114 lines
2.8 KiB
TypeScript
114 lines
2.8 KiB
TypeScript
import React from 'react';
|
|
import { withRouter } from 'react-router-dom';
|
|
import { Switch, Route, Redirect } from 'react-router';
|
|
import { CLIENT_TABS, client as clientRoute } from 'App/routes';
|
|
import { PANEL_SIZES } from 'App/constants/panelSizes'
|
|
|
|
import SessionsListingSettings from 'Components/Client/SessionsListingSettings';
|
|
import Modules from 'Components/Client/Modules';
|
|
import ProfileSettings from './ProfileSettings';
|
|
import Integrations from './Integrations';
|
|
import UserView from './Users/UsersView';
|
|
import AuditView from './Audit/AuditView';
|
|
import Sites from './Sites';
|
|
import Projects from './Projects';
|
|
import CustomFields from './CustomFields';
|
|
import Webhooks from './Webhooks';
|
|
import Notifications from './Notifications';
|
|
import Roles from './Roles';
|
|
|
|
@withRouter
|
|
export default class Client extends React.PureComponent {
|
|
constructor(props) {
|
|
super(props);
|
|
}
|
|
|
|
setTab = (tab) => {
|
|
this.props.history.push(clientRoute(tab));
|
|
};
|
|
|
|
renderActiveTab = () => (
|
|
<Switch>
|
|
<Route
|
|
exact
|
|
strict
|
|
path={clientRoute(CLIENT_TABS.PROFILE)}
|
|
component={ProfileSettings}
|
|
/>
|
|
<Route
|
|
exact
|
|
strict
|
|
path={clientRoute(CLIENT_TABS.SESSIONS_LISTING)}
|
|
component={SessionsListingSettings}
|
|
/>
|
|
<Route
|
|
exact
|
|
strict
|
|
path={clientRoute(CLIENT_TABS.INTEGRATIONS)}
|
|
component={Integrations}
|
|
/>
|
|
<Route
|
|
exact
|
|
strict
|
|
path={clientRoute(CLIENT_TABS.MANAGE_USERS)}
|
|
component={UserView}
|
|
/>
|
|
<Route
|
|
exact
|
|
strict
|
|
path={clientRoute(CLIENT_TABS.SITES)}
|
|
component={Projects}
|
|
/>
|
|
<Route
|
|
exact
|
|
strict
|
|
path={clientRoute(CLIENT_TABS.CUSTOM_FIELDS)}
|
|
component={CustomFields}
|
|
/>
|
|
<Route
|
|
exact
|
|
strict
|
|
path={clientRoute(CLIENT_TABS.WEBHOOKS)}
|
|
component={Webhooks}
|
|
/>
|
|
<Route
|
|
exact
|
|
strict
|
|
path={clientRoute(CLIENT_TABS.NOTIFICATIONS)}
|
|
component={Notifications}
|
|
/>
|
|
<Route
|
|
exact
|
|
strict
|
|
path={clientRoute(CLIENT_TABS.MANAGE_ROLES)}
|
|
component={Roles}
|
|
/>
|
|
<Route
|
|
exact
|
|
strict
|
|
path={clientRoute(CLIENT_TABS.AUDIT)}
|
|
component={AuditView}
|
|
/>
|
|
<Route
|
|
exact
|
|
strict
|
|
path={clientRoute(CLIENT_TABS.MODULES)}
|
|
component={Modules}
|
|
/>
|
|
<Redirect to={clientRoute(CLIENT_TABS.PROFILE)} />
|
|
</Switch>
|
|
);
|
|
|
|
render() {
|
|
const {
|
|
match: {
|
|
params: { activeTab },
|
|
},
|
|
} = this.props;
|
|
return (
|
|
<div className="w-full mx-auto mb-8" style={{ maxWidth: PANEL_SIZES.maxWidth }}>
|
|
{activeTab && this.renderActiveTab()}
|
|
</div>
|
|
);
|
|
}
|
|
}
|