diff --git a/frontend/app/components/Alerts/AlertForm.js b/frontend/app/components/Alerts/AlertForm.js
index aed19c654..ee1a87a06 100644
--- a/frontend/app/components/Alerts/AlertForm.js
+++ b/frontend/app/components/Alerts/AlertForm.js
@@ -161,15 +161,15 @@ const AlertForm = props => {
/>
{ unit && (
+ className="px-4"
+ style={{ marginRight: '31px'}}
+ // label={{ basic: true, content: unit }}
+ // labelPosition='right'
+ name="right"
+ value={ instance.query.right }
+ onChange={ writeQuery }
+ placeholder="E.g. 3"
+ />
)}
{ !unit && (
{
{instance.exists() ? 'Update' : 'Create'}
{instance.exists() && (
diff --git a/frontend/app/components/Header/Header.js b/frontend/app/components/Header/Header.js
index 9c5493d0e..22d35c843 100644
--- a/frontend/app/components/Header/Header.js
+++ b/frontend/app/components/Header/Header.js
@@ -26,6 +26,7 @@ import ErrorGenPanel from 'App/dev/components';
import Alerts from '../Alerts/Alerts';
import AnimatedSVG, { ICONS } from '../shared/AnimatedSVG/AnimatedSVG';
import { fetchList as fetchMetadata } from 'Duck/customField';
+import { useStore } from 'App/mstore';
const DASHBOARD_PATH = dashboard();
const SESSIONS_PATH = sessions();
@@ -46,8 +47,13 @@ const Header = (props) => {
const name = account.get('name').split(" ")[0];
const [hideDiscover, setHideDiscover] = useState(false)
+ const { userStore } = useStore();
let activeSite = null;
+ useEffect(() => {
+ userStore.fetchLimits();
+ }, []);
+
useEffect(() => {
activeSite = sites.find(s => s.id == siteId);
props.initSite(activeSite);
diff --git a/frontend/app/mstore/index.tsx b/frontend/app/mstore/index.tsx
index 21fd6de75..c6ffeb460 100644
--- a/frontend/app/mstore/index.tsx
+++ b/frontend/app/mstore/index.tsx
@@ -5,7 +5,6 @@ import UserStore from './userStore';
import RoleStore from './roleStore';
import APIClient from 'App/api_client';
import FunnelStore from './funnelStore';
-import { makeAutoObservable, observable, action } from "mobx"
import { dashboardService, metricService, sessionService, userService, auditService, funnelService, errorService } from 'App/services';
import SettingsStore from './settingsStore';
import AuditStore from './auditStore';
@@ -23,8 +22,6 @@ export class RootStore {
errorStore: ErrorStore;
notificationStore: NotificationStore
- limits: any;
-
constructor() {
this.dashboardStore = new DashboardStore();
this.metricStore = new MetricStore();
@@ -35,10 +32,6 @@ export class RootStore {
this.auditStore = new AuditStore();
this.errorStore = new ErrorStore();
this.notificationStore = new NotificationStore();
- makeAutoObservable(this, {
- limits: observable,
- fetchLimits: action,
- });
}
initClient() {
@@ -51,18 +44,6 @@ export class RootStore {
auditService.initClient(client)
errorService.initClient(client)
}
-
- fetchLimits(): Promise
{
- return new Promise((resolve, reject) => {
- userService.getLimits()
- .then((response: any) => {
- this.limits = response;
- resolve(response);
- }).catch((error: any) => {
- reject(error);
- });
- });
- }
}
const StoreContext = React.createContext({} as RootStore);
diff --git a/frontend/app/mstore/settingsStore.ts b/frontend/app/mstore/settingsStore.ts
index 89bb6df9e..4b6d19aa2 100644
--- a/frontend/app/mstore/settingsStore.ts
+++ b/frontend/app/mstore/settingsStore.ts
@@ -7,6 +7,8 @@ export default class SettingsStore {
loadingCaptureRate: boolean = false;
sessionSettings: SessionSettings = new SessionSettings()
captureRateFetched: boolean = false;
+ limits: any = null;
+
constructor() {
makeAutoObservable(this, {
sessionSettings: observable,
@@ -15,7 +17,7 @@ export default class SettingsStore {
saveCaptureRate(data: any) {
return sessionService.saveCaptureRate(data)
- .then(data => {
+ .then((data: any) => {
this.sessionSettings.merge({
captureRate: data.rate,
captureAll: data.captureAll
diff --git a/frontend/app/mstore/userStore.ts b/frontend/app/mstore/userStore.ts
index d0633a037..719ca0f01 100644
--- a/frontend/app/mstore/userStore.ts
+++ b/frontend/app/mstore/userStore.ts
@@ -14,6 +14,7 @@ export default class UserStore {
loading: boolean = false;
saving: boolean = false;
+ limits: any = null;
constructor() {
makeAutoObservable(this, {
@@ -24,6 +25,18 @@ export default class UserStore {
})
}
+ fetchLimits(): Promise {
+ return new Promise((resolve, reject) => {
+ userService.getLimits()
+ .then((response: any) => {
+ this.limits = response.limits;
+ resolve(response.limits);
+ }).catch((error: any) => {
+ reject(error);
+ });
+ });
+ }
+
initUser(user?: any ): Promise {
return new Promise((resolve, reject) => {
if (user) {