diff --git a/accounts/package-lock.json b/accounts/package-lock.json
index 011985e620..cbe95947ce 100644
--- a/accounts/package-lock.json
+++ b/accounts/package-lock.json
@@ -17,7 +17,7 @@
"loadable-components": "^2.2.3",
"redux-thunk": "^2.3.0",
"redux": "^4.1.1",
- "react-reveal": "^1.2.2",
+ "react-awesome-reveal": "^1.2.2",
"faker": "^5.5.3",
"cli-table": "^0.3.6",
"file-saver": "^2.0.5",
@@ -9230,9 +9230,9 @@
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
"integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA=="
},
- "node_modules/react-reveal": {
+ "node_modules/react-awesome-reveal": {
"version": "1.2.2",
- "resolved": "https://registry.npmjs.org/react-reveal/-/react-reveal-1.2.2.tgz",
+ "resolved": "https://registry.npmjs.org/react-awesome-reveal/-/react-awesome-reveal-1.2.2.tgz",
"integrity": "sha512-JCv3fAoU6Z+Lcd8U48bwzm4pMZ79qsedSXYwpwt6lJNtj/v5nKJYZZbw3yhaQPPgYePo3Y0NOCoYOq/jcsisuw==",
"dependencies": {
"prop-types": "^15.5.10"
@@ -39325,9 +39325,9 @@
"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.3.tgz",
"integrity": "sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg=="
},
- "react-reveal": {
+ "react-awesome-reveal": {
"version": "1.2.2",
- "resolved": "https://registry.npmjs.org/react-reveal/-/react-reveal-1.2.2.tgz",
+ "resolved": "https://registry.npmjs.org/react-awesome-reveal/-/react-awesome-reveal-1.2.2.tgz",
"integrity": "sha512-JCv3fAoU6Z+Lcd8U48bwzm4pMZ79qsedSXYwpwt6lJNtj/v5nKJYZZbw3yhaQPPgYePo3Y0NOCoYOq/jcsisuw==",
"requires": {
"prop-types": "^15.5.10"
diff --git a/accounts/package.json b/accounts/package.json
index 6807f7683c..1a8ac5518d 100755
--- a/accounts/package.json
+++ b/accounts/package.json
@@ -25,7 +25,7 @@
"react-frontload": "^1.0.3",
"react-ga": "^2.5.3",
"react-redux": "^7.2.4",
- "react-reveal": "^1.2.2",
+ "react-awesome-reveal": "^1.2.2",
"react-router-dom": "^5.2.0",
"react-router-redux": "^4.0.8",
"react-scripts": "^4.0.3",
diff --git a/accounts/public/assets/css/newdashboard.css b/accounts/public/assets/css/newdashboard.css
index ccc1ae7c51..63f0d6fb3d 100755
--- a/accounts/public/assets/css/newdashboard.css
+++ b/accounts/public/assets/css/newdashboard.css
@@ -3275,9 +3275,9 @@ html.db-NewChrome body {
.db-Trends-highlightedLegend {
display: flex;
}
-.react-reveal {
+.react-awesome-reveal {
/*
- ** this style is needed to overide animation-fill-mode used in react-reveal package for animation
+ ** this style is needed to overide animation-fill-mode used in react-awesome-reveal package for animation
** to fix the issue we had with our select element
*/
animation-fill-mode: unset !important;
diff --git a/accounts/src/components/auth/CardForm.tsx b/accounts/src/components/auth/CardForm.tsx
index 7498b4d3f3..45eb29b016 100755
--- a/accounts/src/components/auth/CardForm.tsx
+++ b/accounts/src/components/auth/CardForm.tsx
@@ -6,7 +6,7 @@ import RenderCountrySelector from '../basic/CountrySelector';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import { RenderField } from '../basic/RenderField';
import { PricingPlan, Validate, env } from '../../config';
import { ButtonSpinner } from '../basic/Loader.js';
@@ -22,7 +22,7 @@ import {
injectStripe,
StripeProvider,
Elements,
-// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
+ // @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
} from 'react-stripe-elements';
import {
addCard,
@@ -122,8 +122,8 @@ class CardForm extends Component {
stripe
.createToken()
.then(({
- token
- }: $TSFixMe) => {
+ token
+ }: $TSFixMe) => {
if (token) {
return addCard({
tokenId: token.id,
@@ -135,8 +135,8 @@ class CardForm extends Component {
}
})
.then(({
- data
- }: $TSFixMe) =>
+ data
+ }: $TSFixMe) =>
stripe.handleCardPayment(data.client_secret)
)
.then((data: $TSFixMe) => {
@@ -150,8 +150,8 @@ class CardForm extends Component {
else throw new Error(data.error.message);
})
.then(({
- data
- }: $TSFixMe) => {
+ data
+ }: $TSFixMe) => {
signupSuccess(data);
})
.catch((error: $TSFixMe) => {
@@ -548,7 +548,7 @@ class CardForm extends Component {
// @ts-expect-error ts-migrate(2339) FIXME: Property 'displayName' does not exist on type 'typ... Remove this comment to see the full error message
CardForm.displayName = 'CardForm';
-const validate = function(values: $TSFixMe) {
+const validate = function (values: $TSFixMe) {
const errors = {};
if (!Validate.text(values.cardName)) {
diff --git a/accounts/src/components/auth/RegisterForm.tsx b/accounts/src/components/auth/RegisterForm.tsx
index 912cfe1bca..5e94a5f6e9 100755
--- a/accounts/src/components/auth/RegisterForm.tsx
+++ b/accounts/src/components/auth/RegisterForm.tsx
@@ -5,7 +5,7 @@ import UserForm from './UserForm';
import CardForm from './CardForm';
import { connect } from 'react-redux';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'quer... Remove this comment to see the full error message
import queryString from 'query-string';
import {
@@ -36,7 +36,7 @@ export class RegisterForm extends Component {
this.props.saveUserState(values);
// @ts-expect-error ts-migrate(2339) FIXME: Property 'isUserInvited' does not exist on type 'R... Remove this comment to see the full error message
this.props.isUserInvited(values).then(
- function(value: $TSFixMe) {
+ function (value: $TSFixMe) {
if (value.data) {
// @ts-expect-error ts-migrate(2339) FIXME: Property 'signupUser' does not exist on type 'Read... Remove this comment to see the full error message
thisObj.props.signupUser({
@@ -55,7 +55,7 @@ export class RegisterForm extends Component {
}
}
},
- function(error: $TSFixMe) {
+ function (error: $TSFixMe) {
return error;
}
);
diff --git a/accounts/src/components/auth/ResetPasswordForm.tsx b/accounts/src/components/auth/ResetPasswordForm.tsx
index 6934a5fcd8..5fae6d5447 100755
--- a/accounts/src/components/auth/ResetPasswordForm.tsx
+++ b/accounts/src/components/auth/ResetPasswordForm.tsx
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
import { Field, reduxForm } from 'redux-form';
import { connect } from 'react-redux';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import { Validate } from '../../config';
import { ButtonSpinner } from '../basic/Loader.js';
import {
@@ -108,13 +108,13 @@ export class ResetPasswordForm extends Component {
// @ts-expect-error ts-migrate(2339) FIXME: Property 'resetPasswordState' does not exist on ty... Remove this comment to see the full error message
{!this.props.resetPasswordState
.requesting && (
- Reset Password
- )}
+ Reset Password
+ )}
// @ts-expect-error ts-migrate(2339) FIXME: Property 'resetPasswordState' does not exist on ty... Remove this comment to see the full error message
{this.props.resetPasswordState
.requesting && (
-
- )}
+
+ )}
{' '}
diff --git a/accounts/src/pages/Login.tsx b/accounts/src/pages/Login.tsx
index 2c2623f4ec..95db7189f0 100755
--- a/accounts/src/pages/Login.tsx
+++ b/accounts/src/pages/Login.tsx
@@ -5,7 +5,7 @@ import { Link } from 'react-router-dom';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import LoginForm from '../components/auth/LoginForm';
import { loginUser, loginUserSso, loginError } from '../actions/login';
import MessageBox from '../components/MessageBox';
@@ -67,10 +67,10 @@ class LoginPage extends React.Component {
{/* LOGIN BOX */}
// @ts-expect-error ts-migrate(2339) FIXME: Property 'login' does not exist on type 'Readonly<... Remove this comment to see the full error message
{!this.props.login.success &&
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'login' does not exist on type 'Readonly<... Remove this comment to see the full error message
- this.props.login.error &&
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'login' does not exist on type 'Readonly<... Remove this comment to see the full error message
- this.props.login.error === 'Verify your email first.' ? (
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'login' does not exist on type 'Readonly<... Remove this comment to see the full error message
+ this.props.login.error &&
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'login' does not exist on type 'Readonly<... Remove this comment to see the full error message
+ this.props.login.error === 'Verify your email first.' ? (
// @ts-expect-error ts-migrate(2339) FIXME: Property 'resendTokenRequest' does not exist on ty... Remove this comment to see the full error message
diff --git a/dashboard/package.json b/dashboard/package.json
index ecdf6537a6..34efcdc622 100755
--- a/dashboard/package.json
+++ b/dashboard/package.json
@@ -57,12 +57,11 @@
"react-frontload": "^2.0.0",
"react-ga": "^3.3.0",
"react-google-charts": "^3.0.15",
- "react-hover-observer": "^2.1.1",
"react-json-view": "^1.21.3",
"react-markdown": "^6.0.3",
"react-phone-input-2": "^2.14.0",
"react-redux": "^7.2.4",
- "react-reveal": "^1.2.2",
+ "react-awesome-reveal": "^1.2.2",
"react-router-dom": "^4.3.1",
"react-router-redux": "^4.0.8",
"react-scripts": "^4.0.3",
diff --git a/dashboard/public/assets/css/newdashboard.css b/dashboard/public/assets/css/newdashboard.css
index 7b785c3510..5bd69d4372 100755
--- a/dashboard/public/assets/css/newdashboard.css
+++ b/dashboard/public/assets/css/newdashboard.css
@@ -11027,9 +11027,9 @@ table {
flex: 20% 0 0;
}
-.react-reveal {
+.react-awesome-reveal {
/*
- ** this style is needed to overide animation-fill-mode used in react-reveal package for animation
+ ** this style is needed to overide animation-fill-mode used in react-awesome-reveal package for animation
** to fix the issue we had with our select element
*/
animation-fill-mode: unset !important;
diff --git a/dashboard/src/components/incident/IncidentCreated.tsx b/dashboard/src/components/incident/IncidentCreated.tsx
index 121d27adf1..308a18d125 100644
--- a/dashboard/src/components/incident/IncidentCreated.tsx
+++ b/dashboard/src/components/incident/IncidentCreated.tsx
@@ -8,7 +8,7 @@ import { markAsRead, closeNotification } from '../../actions/notification';
import { connect } from 'react-redux';
import { history } from '../../store';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
class IncidentCreated extends Component {
markAsRead = (notification: $TSFixMe) => {
@@ -74,106 +74,106 @@ class IncidentCreated extends Component {
>
{notifications && notifications.length > 0
? notifications.map(
- (notification: $TSFixMe, index: $TSFixMe) => {
- return (
-
,
this
);
diff --git a/dashboard/src/components/scheduledEvent/EventBox.tsx b/dashboard/src/components/scheduledEvent/EventBox.tsx
index 9428d4b911..8efc214073 100644
--- a/dashboard/src/components/scheduledEvent/EventBox.tsx
+++ b/dashboard/src/components/scheduledEvent/EventBox.tsx
@@ -1,7 +1,7 @@
import React, { Component } from 'react';
import { bindActionCreators } from 'redux';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import { connect } from 'react-redux';
import PropTypes from 'prop-types';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'uuid... Remove this comment to see the full error message
@@ -51,9 +51,8 @@ class EventBox extends Component {
return `${monitors[0].monitorId.name}, ${monitors[1].monitorId.name} and ${monitors[2].monitorId.name}`;
}
- return `${monitors[0].monitorId.name}, ${
- monitors[1].monitorId.name
- } and ${monitors.length - 2} others`;
+ return `${monitors[0].monitorId.name}, ${monitors[1].monitorId.name
+ } and ${monitors.length - 2} others`;
};
handleScheduledEventDetail = (scheduledEventSlug: $TSFixMe) => {
@@ -134,10 +133,10 @@ class EventBox extends Component {
projectName = projectName
? projectName
: currentProject
- ? currentProject.name
- : currentSubProject
- ? currentSubProject.name
- : '';
+ ? currentProject.name
+ : currentSubProject
+ ? currentSubProject.name
+ : '';
const noMonitorMessage = (
@@ -208,7 +207,7 @@ class EventBox extends Component {
{allScheduleEventLength ===
- 1 ? (
+ 1 ? (
Create New Event
@@ -257,7 +256,7 @@ class EventBox extends Component {
{allScheduleEventLength ===
- 1 ? (
+ 1 ? (
Create New Event
@@ -338,29 +337,29 @@ class EventBox extends Component {
Cancelled
) : !scheduledEvent.cancelled &&
- !scheduledEvent.resolved ? (
+ !scheduledEvent.resolved ? (
moment() <
- moment(
- scheduledEvent.startDate
- ) ? (
+ moment(
+ scheduledEvent.startDate
+ ) ? (
Scheduled
) : moment() >=
- moment(
- scheduledEvent.startDate
- ) &&
- moment() <
- moment(
- scheduledEvent.endDate
- ) ? (
+ moment(
+ scheduledEvent.startDate
+ ) &&
+ moment() <
+ moment(
+ scheduledEvent.endDate
+ ) ? (
Ongoing
) : moment() >
- moment(
- scheduledEvent.endDate
- ) ? (
+ moment(
+ scheduledEvent.endDate
+ ) ? (
Ended
@@ -490,7 +489,7 @@ class EventBox extends Component {
!(
(!scheduledEvents ||
scheduledEvents.length ===
- 0) &&
+ 0) &&
!requesting &&
!error
)
@@ -565,8 +564,8 @@ class EventBox extends Component {
{(!scheduledEvents ||
scheduledEvents.length === 0) &&
- !requesting &&
- !error
+ !requesting &&
+ !error
? 'You have no scheduled maintenance event at this time'
: null}
{error ? error : null}
@@ -586,34 +585,34 @@ class EventBox extends Component {
>
{numberOfPages > 0
? `Page ${
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'pages' does not exist on type 'Readonly<... Remove this comment to see the full error message
- !this.props.pages[
- projectId
- ]
- ? 1
- : this.props
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'pages' does not exist on type 'Readonly<... Remove this comment to see the full error message
- .pages[
- projectId
- ]
- } of ${numberOfPages} (${
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'count' does not exist on type 'Readonly<... Remove this comment to see the full error message
- this.props.count
- } Event${
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'count' does not exist on type 'Readonly<... Remove this comment to see the full error message
- this.props.count === 1
- ? ''
- : 's'
- })`
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'pages' does not exist on type 'Readonly<... Remove this comment to see the full error message
+ !this.props.pages[
+ projectId
+ ]
+ ? 1
+ : this.props
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'pages' does not exist on type 'Readonly<... Remove this comment to see the full error message
+ .pages[
+ projectId
+ ]
+ } of ${numberOfPages} (${
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'count' does not exist on type 'Readonly<... Remove this comment to see the full error message
+ this.props.count
+ } Event${
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'count' does not exist on type 'Readonly<... Remove this comment to see the full error message
+ this.props.count === 1
+ ? ''
+ : 's'
+ })`
: `${
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'count' does not exist on type 'Readonly<... Remove this comment to see the full error message
- this.props.count
- } Event${
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'count' does not exist on type 'Readonly<... Remove this comment to see the full error message
- this.props.count === 1
- ? ''
- : 's'
- }`}
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'count' does not exist on type 'Readonly<... Remove this comment to see the full error message
+ this.props.count
+ } Event${
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'count' does not exist on type 'Readonly<... Remove this comment to see the full error message
+ this.props.count === 1
+ ? ''
+ : 's'
+ }`}
diff --git a/dashboard/src/components/security/ApplicationSecurityDetail.tsx b/dashboard/src/components/security/ApplicationSecurityDetail.tsx
index 871b7cb600..0a3f08d9b6 100644
--- a/dashboard/src/components/security/ApplicationSecurityDetail.tsx
+++ b/dashboard/src/components/security/ApplicationSecurityDetail.tsx
@@ -22,7 +22,7 @@ import getParentRoute from '../../utils/getParentRoute';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
import { Tab, Tabs, TabList, TabPanel, resetIdCounter } from 'react-tabs';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import { socket } from '../basic/Socket';
class ApplicationSecurityDetail extends Component {
diff --git a/dashboard/src/components/security/ContainerSecurityDetail.tsx b/dashboard/src/components/security/ContainerSecurityDetail.tsx
index 55f41a3a94..469e24ddae 100644
--- a/dashboard/src/components/security/ContainerSecurityDetail.tsx
+++ b/dashboard/src/components/security/ContainerSecurityDetail.tsx
@@ -22,7 +22,7 @@ import getParentRoute from '../../utils/getParentRoute';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
import { Tab, Tabs, TabList, TabPanel, resetIdCounter } from 'react-tabs';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import { socket } from '../basic/Socket';
class ContainerSecurityDetail extends Component {
diff --git a/dashboard/src/pages/Advanced.tsx b/dashboard/src/pages/Advanced.tsx
index d6c8d9e810..43547e60d5 100644
--- a/dashboard/src/pages/Advanced.tsx
+++ b/dashboard/src/pages/Advanced.tsx
@@ -2,7 +2,7 @@ import React, { Component } from 'react';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import DeleteProject from '../components/settings/DeleteProject';
import RenderIfOwner from '../components/basic/RenderIfOwner';
import { hideDeleteModal } from '../actions/project';
diff --git a/dashboard/src/pages/AlertLog.tsx b/dashboard/src/pages/AlertLog.tsx
index d0c7077444..cc9426255d 100755
--- a/dashboard/src/pages/AlertLog.tsx
+++ b/dashboard/src/pages/AlertLog.tsx
@@ -2,7 +2,7 @@ import React, { Component } from 'react';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import { fetchAlert, fetchProjectAlert } from '../actions/alert';
import PropTypes from 'prop-types';
import AlertProjectBox from '../components/alert/AlertProjectBox';
@@ -110,8 +110,8 @@ class AlertLog extends Component {
}
let canNext =
projectAlert &&
- projectAlert.count &&
- projectAlert.count > projectAlert.skip + projectAlert.limit
+ projectAlert.count &&
+ projectAlert.count > projectAlert.skip + projectAlert.limit
? true
: false;
let canPrev = projectAlert && projectAlert.skip <= 0 ? false : true;
diff --git a/dashboard/src/pages/Application.tsx b/dashboard/src/pages/Application.tsx
index d7aac098ff..809c6a7afd 100644
--- a/dashboard/src/pages/Application.tsx
+++ b/dashboard/src/pages/Application.tsx
@@ -3,7 +3,7 @@ import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import PropTypes from 'prop-types';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import ApplicationSecurityForm from '../components/security/ApplicationSecurityForm';
import ApplicationSecurity from '../components/security/ApplicationSecurity';
diff --git a/dashboard/src/pages/ApplicationDetail.tsx b/dashboard/src/pages/ApplicationDetail.tsx
index f47ddab702..79e9693409 100644
--- a/dashboard/src/pages/ApplicationDetail.tsx
+++ b/dashboard/src/pages/ApplicationDetail.tsx
@@ -1,6 +1,6 @@
import React, { Component } from 'react';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import ApplicationSecurityDetail from '../components/security/ApplicationSecurityDetail';
class ApplicationDetail extends Component {
diff --git a/dashboard/src/pages/ApplicationLog.tsx b/dashboard/src/pages/ApplicationLog.tsx
index 28312fb97e..e8f28e13a5 100644
--- a/dashboard/src/pages/ApplicationLog.tsx
+++ b/dashboard/src/pages/ApplicationLog.tsx
@@ -1,6 +1,6 @@
import React, { Component } from 'react';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import BreadCrumbItem from '../components/breadCrumb/BreadCrumbItem';
import ShouldRender from '../components/basic/ShouldRender';
import TutorialBox from '../components/tutorial/TutorialBox';
@@ -227,7 +227,7 @@ class ApplicationLog extends Component {
pageTitle="Logs"
name={
this.state.showNewLogContainerForm ||
- !applicationLogsList
+ !applicationLogsList
? 'New Log Container'
: 'Logs'
}
diff --git a/dashboard/src/pages/ApplicationLogView.tsx b/dashboard/src/pages/ApplicationLogView.tsx
index 0968e1a90a..42472d74d9 100644
--- a/dashboard/src/pages/ApplicationLogView.tsx
+++ b/dashboard/src/pages/ApplicationLogView.tsx
@@ -1,6 +1,6 @@
import React, { Component } from 'react';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import BreadCrumbItem from '../components/breadCrumb/BreadCrumbItem';
import getParentRoute from '../utils/getParentRoute';
@@ -60,8 +60,8 @@ class ApplicationLogView extends Component {
componentDidUpdate(prevProps: $TSFixMe) {
if (
String(prevProps.componentSlug) !==
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'componentSlug' does not exist on type 'R... Remove this comment to see the full error message
- String(this.props.componentSlug) ||
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'componentSlug' does not exist on type 'R... Remove this comment to see the full error message
+ String(this.props.componentSlug) ||
// @ts-expect-error ts-migrate(2339) FIXME: Property 'currentProject' does not exist on type '... Remove this comment to see the full error message
prevProps.currentProject !== this.props.currentProject
) {
@@ -229,8 +229,8 @@ class ApplicationLogView extends Component {
{log.status ===
- 'success' ? (
+ 'success' ? (
{
log.status
}
) : log.status ===
- 'running' ? (
+ 'running' ? (
{
log.status
}
) : log.status ===
- 'failed' ? (
+ 'failed' ? (
log.error ===
- 'stackoverflow' ? (
+ 'stackoverflow' ? (
{
log.error
@@ -527,7 +527,7 @@ const AutomatedScripView = (props: $TSFixMe) => {
scriptLogs
.log
.length ===
- 0) ||
+ 0) ||
!scriptLogs
}
>
@@ -567,7 +567,7 @@ const AutomatedScripView = (props: $TSFixMe) => {
}
{' '}
{count &&
- count >
+ count >
1
? 'Logs'
: 'Log'}
diff --git a/dashboard/src/pages/AutomationScript.tsx b/dashboard/src/pages/AutomationScript.tsx
index 90f2b25a64..4e0df0a045 100644
--- a/dashboard/src/pages/AutomationScript.tsx
+++ b/dashboard/src/pages/AutomationScript.tsx
@@ -2,7 +2,7 @@ import React, { Component } from 'react';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import ShouldRender from '../components/basic/ShouldRender';
import { LoadingState } from '../components/basic/Loader';
import PropTypes from 'prop-types';
@@ -82,7 +82,7 @@ class AutomationScript extends Component {
// @ts-expect-error ts-migrate(2339) FIXME: Property 'toggleNewScript' does not exist on type ... Remove this comment to see the full error message
- // @ts-expect-error ts-migrate(2741) FIXME: Property 'history' is missing in type '{ toggleNew... Remove this comment to see the full error message
+ // @ts-expect-error ts-migrate(2741) FIXME: Property 'history' is missing in type '{toggleNew... Remove this comment to see the full error message
diff --git a/dashboard/src/pages/Billing.tsx b/dashboard/src/pages/Billing.tsx
index 71bb69577c..17cc559133 100755
--- a/dashboard/src/pages/Billing.tsx
+++ b/dashboard/src/pages/Billing.tsx
@@ -1,7 +1,7 @@
import React, { Component } from 'react';
import { connect } from 'react-redux';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import CustomerBalance from '../components/paymentCard/CustomerBalance';
import AlertCharges from '../components/alert/AlertCharges';
import ChangePlan from '../components/settings/ChangePlan';
@@ -61,7 +61,7 @@ class Billing extends Component {
- // @ts-expect-error ts-migrate(2322) FIXME: Type '{ page: string; }' is not assignable to type... Remove this comment to see the full error message
+ // @ts-expect-error ts-migrate(2322) FIXME: Type '{page: string; }' is not assignable to type... Remove this comment to see the full error message
diff --git a/dashboard/src/pages/CallRouting.tsx b/dashboard/src/pages/CallRouting.tsx
index 2e493bd323..dfb3a49042 100644
--- a/dashboard/src/pages/CallRouting.tsx
+++ b/dashboard/src/pages/CallRouting.tsx
@@ -4,7 +4,7 @@ import { PropTypes } from 'prop-types';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import RoutingNumberBox from '../components/callrouting/RoutingNumberBox';
import CallRoutingLog from '../components/callrouting/CallRoutingLog';
@@ -52,8 +52,8 @@ class CallRouting extends Component {
match.params.projectId && match.params.projectId.length
? match.params.projectId
: currentProject && currentProject._id
- ? currentProject._id
- : null;
+ ? currentProject._id
+ : null;
// @ts-expect-error ts-migrate(2339) FIXME: Property 'getCallRoutingNumbers' does not exist on... Remove this comment to see the full error message
this.props.getCallRoutingNumbers(projectId);
// @ts-expect-error ts-migrate(2339) FIXME: Property 'getTeamAndSchedules' does not exist on t... Remove this comment to see the full error message
diff --git a/dashboard/src/pages/ChangePasswordSetting.tsx b/dashboard/src/pages/ChangePasswordSetting.tsx
index 8c8beae404..99a1c17d50 100644
--- a/dashboard/src/pages/ChangePasswordSetting.tsx
+++ b/dashboard/src/pages/ChangePasswordSetting.tsx
@@ -2,7 +2,7 @@ import React from 'react';
// @ts-expect-error ts-migrate(2305) FIXME: Module '"prop-types"' has no exported member 'Prop... Remove this comment to see the full error message
import { PropTypes } from 'prop-types';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import ChangePassword from '../components/profileSettings/ChangePassword';
import BreadCrumbItem from '../components/breadCrumb/BreadCrumbItem';
import BreadCrumbs from '../components/breadCrumb/BreadCrumbs';
diff --git a/dashboard/src/pages/Component.tsx b/dashboard/src/pages/Component.tsx
index c6f94ab829..d5e3c91935 100755
--- a/dashboard/src/pages/Component.tsx
+++ b/dashboard/src/pages/Component.tsx
@@ -4,7 +4,7 @@ import { connect } from 'react-redux';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'redu... Remove this comment to see the full error message
import { destroy } from 'redux-form';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import NewComponent from '../components/component/NewComponent';
import ComponentList from '../components/component/ComponentList';
import ShouldRender from '../components/basic/ShouldRender';
@@ -191,9 +191,9 @@ class ComponentDashboardView extends Component {
allComponents = IsUserInSubProject(currentProject)
? allComponents
: allComponents.filter(
- (component: $TSFixMe) => component.projectId !== currentProject._id ||
- component.projectId._id !== currentProject._id
- );
+ (component: $TSFixMe) => component.projectId !== currentProject._id ||
+ component.projectId._id !== currentProject._id
+ );
projectComponent =
projectComponent && projectComponent.components.length > 0 ? (
@@ -249,9 +249,9 @@ class ComponentDashboardView extends Component {
route={pathname}
name={
this.state.showNewComponentForm ||
- !components ||
- components.length === 0 ||
- components[0] === false
+ !components ||
+ components.length === 0 ||
+ components[0] === false
? 'New Component Form'
: 'Components'
}
@@ -265,7 +265,7 @@ class ComponentDashboardView extends Component {
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitors' does not exist on type 'Readon... Remove this comment to see the full error message
if={this.props.monitors && this.props.monitors.length > 0}
>
- // @ts-expect-error ts-migrate(2322) FIXME: Type '{ page: string; }' is not assignable to type... Remove this comment to see the full error message
+ // @ts-expect-error ts-migrate(2322) FIXME: Type '{page: string; }' is not assignable to type... Remove this comment to see the full error message
@@ -317,7 +317,7 @@ class ComponentDashboardView extends Component {
.componentCustom
.show ||
allComponents.length >
- 0) &&
+ 0) &&
this.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'tutorialStat' does not exist on type 'Re... Remove this comment to see the full error message
.tutorialStat
@@ -345,9 +345,9 @@ class ComponentDashboardView extends Component {
.showNewComponentForm ||
!components ||
components.length ===
- 0 ||
+ 0 ||
components[0] ===
- false
+ false
}
>
- 0 &&
+ 0 &&
components[0] !==
- false
+ false
}
/>
@@ -376,7 +376,7 @@ class ComponentDashboardView extends Component {
.componentList
.requesting &&
allComponents.length ===
- 0
+ 0
}
>
diff --git a/dashboard/src/pages/ComponentSettings.tsx b/dashboard/src/pages/ComponentSettings.tsx
index a9c92c46b1..8965b047cf 100644
--- a/dashboard/src/pages/ComponentSettings.tsx
+++ b/dashboard/src/pages/ComponentSettings.tsx
@@ -1,6 +1,6 @@
import React, { Component } from 'react';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import BreadCrumbItem from '../components/breadCrumb/BreadCrumbItem';
import getParentRoute from '../utils/getParentRoute';
import { connect } from 'react-redux';
diff --git a/dashboard/src/pages/ComponentSettingsAdvanced.tsx b/dashboard/src/pages/ComponentSettingsAdvanced.tsx
index adec719aa4..d1af0a96f7 100644
--- a/dashboard/src/pages/ComponentSettingsAdvanced.tsx
+++ b/dashboard/src/pages/ComponentSettingsAdvanced.tsx
@@ -1,7 +1,7 @@
import React, { Component } from 'react';
import getParentRoute from '../utils/getParentRoute';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import BreadCrumbItem from '../components/breadCrumb/BreadCrumbItem';
import { showDeleteModal } from '../actions/component';
import PropTypes from 'prop-types';
diff --git a/dashboard/src/pages/Consulting.tsx b/dashboard/src/pages/Consulting.tsx
index 15e0f2824d..39e95df41e 100644
--- a/dashboard/src/pages/Consulting.tsx
+++ b/dashboard/src/pages/Consulting.tsx
@@ -1,7 +1,7 @@
import React, { Component } from 'react';
import { connect } from 'react-redux';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
// @ts-expect-error ts-migrate(2305) FIXME: Module '"prop-types"' has no exported member 'Prop... Remove this comment to see the full error message
import { PropTypes } from 'prop-types';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
diff --git a/dashboard/src/pages/Container.tsx b/dashboard/src/pages/Container.tsx
index 0e1ff6171f..941b64d22d 100644
--- a/dashboard/src/pages/Container.tsx
+++ b/dashboard/src/pages/Container.tsx
@@ -3,7 +3,7 @@ import { connect } from 'react-redux';
import PropTypes from 'prop-types';
import { bindActionCreators } from 'redux';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import ContainerSecurityForm from '../components/security/ContainerSecurityForm';
import ContainerSecurity from '../components/security/ContainerSecurity';
diff --git a/dashboard/src/pages/ContainerDetail.tsx b/dashboard/src/pages/ContainerDetail.tsx
index 7a8a594320..0c65fb6c4b 100644
--- a/dashboard/src/pages/ContainerDetail.tsx
+++ b/dashboard/src/pages/ContainerDetail.tsx
@@ -1,6 +1,6 @@
import React, { Component } from 'react';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import ContainerSecurityDetail from '../components/security/ContainerSecurityDetail';
class ContainerDetail extends Component {
diff --git a/dashboard/src/pages/DeleteAccountPage.tsx b/dashboard/src/pages/DeleteAccountPage.tsx
index 70ae15fbdd..266f690d65 100644
--- a/dashboard/src/pages/DeleteAccountPage.tsx
+++ b/dashboard/src/pages/DeleteAccountPage.tsx
@@ -2,7 +2,7 @@ import React from 'react';
// @ts-expect-error ts-migrate(2305) FIXME: Module '"prop-types"' has no exported member 'Prop... Remove this comment to see the full error message
import { PropTypes } from 'prop-types';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import BreadCrumbItem from '../components/breadCrumb/BreadCrumbItem';
import DeleteAccountBox from '../components/profileSettings/DeleteAccountBox';
import BreadCrumbs from '../components/breadCrumb/BreadCrumbs';
diff --git a/dashboard/src/pages/DockerCredential.tsx b/dashboard/src/pages/DockerCredential.tsx
index 31f9a01312..e0eb4c258d 100644
--- a/dashboard/src/pages/DockerCredential.tsx
+++ b/dashboard/src/pages/DockerCredential.tsx
@@ -3,7 +3,7 @@ import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import PropTypes from 'prop-types';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import { getDockerCredentials } from '../actions/credential';
import DockerCredentialList from '../components/credential/DockerCredentialList';
diff --git a/dashboard/src/pages/DomainSettings.tsx b/dashboard/src/pages/DomainSettings.tsx
index f93e0c24ce..9733ee366e 100644
--- a/dashboard/src/pages/DomainSettings.tsx
+++ b/dashboard/src/pages/DomainSettings.tsx
@@ -2,7 +2,7 @@ import React from 'react';
import { bindActionCreators } from 'redux';
import PropTypes from 'prop-types';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import { connect } from 'react-redux';
import BreadCrumbItem from '../components/breadCrumb/BreadCrumbItem';
import getParentRoute from '../utils/getParentRoute';
diff --git a/dashboard/src/pages/EmailTemplates.tsx b/dashboard/src/pages/EmailTemplates.tsx
index a60560d2ad..c8f5add3e8 100755
--- a/dashboard/src/pages/EmailTemplates.tsx
+++ b/dashboard/src/pages/EmailTemplates.tsx
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import EmailTemplatesBox from '../components/emailTemplates/EmailTemplatesBox';
import EmailSmtpBox from '../components/emailTemplates/EmailSmtpBox';
import { getEmailTemplates, getSmtpConfig } from '../actions/emailTemplates';
diff --git a/dashboard/src/pages/ErrorEventView.tsx b/dashboard/src/pages/ErrorEventView.tsx
index 97a864756e..c50fb0d412 100644
--- a/dashboard/src/pages/ErrorEventView.tsx
+++ b/dashboard/src/pages/ErrorEventView.tsx
@@ -2,7 +2,7 @@ import React, { Component } from 'react';
import BreadCrumbItem from '../components/breadCrumb/BreadCrumbItem';
import getParentRoute from '../utils/getParentRoute';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import { connect } from 'react-redux';
import PropsType from 'prop-types';
@@ -24,8 +24,8 @@ class ErrorEventView extends Component {
componentDidUpdate(prevProps: $TSFixMe) {
if (
String(prevProps.componentSlug) !==
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'componentSlug' does not exist on type 'R... Remove this comment to see the full error message
- String(this.props.componentSlug) ||
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'componentSlug' does not exist on type 'R... Remove this comment to see the full error message
+ String(this.props.componentSlug) ||
// @ts-expect-error ts-migrate(2339) FIXME: Property 'currentProject' does not exist on type '... Remove this comment to see the full error message
prevProps.currentProject !== this.props.currentProject
) {
@@ -147,13 +147,13 @@ class ErrorEventView extends Component {
setCurrentErrorEvent(errorEventId);
history.push(
'/dashboard/project/' +
- currentProject.slug +
- '/component/' +
- componentSlug +
- '/error-trackers/' +
- errorTracker[0].slug +
- '/events/' +
- errorEventId
+ currentProject.slug +
+ '/component/' +
+ componentSlug +
+ '/error-trackers/' +
+ errorTracker[0].slug +
+ '/events/' +
+ errorEventId
);
};
render() {
@@ -207,8 +207,8 @@ class ErrorEventView extends Component {
route={pathname}
name={
errorEvent &&
- errorEvent.errorEvent &&
- errorEvent.errorEvent.content
+ errorEvent.errorEvent &&
+ errorEvent.errorEvent.content
? errorEvent.errorEvent.content.type
: ''
}
diff --git a/dashboard/src/pages/ErrorTracking.tsx b/dashboard/src/pages/ErrorTracking.tsx
index a2e871b663..a2f7326268 100644
--- a/dashboard/src/pages/ErrorTracking.tsx
+++ b/dashboard/src/pages/ErrorTracking.tsx
@@ -2,7 +2,7 @@ import React, { Component } from 'react';
import BreadCrumbItem from '../components/breadCrumb/BreadCrumbItem';
import getParentRoute from '../utils/getParentRoute';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import { connect } from 'react-redux';
import PropsType from 'prop-types';
import ShouldRender from '../components/basic/ShouldRender';
@@ -80,8 +80,8 @@ class ErrorTracking extends Component {
componentDidUpdate(prevProps: $TSFixMe) {
if (
String(prevProps.componentSlug) !==
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'componentSlug' does not exist on type 'R... Remove this comment to see the full error message
- String(this.props.componentSlug) ||
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'componentSlug' does not exist on type 'R... Remove this comment to see the full error message
+ String(this.props.componentSlug) ||
// @ts-expect-error ts-migrate(2339) FIXME: Property 'currentProject' does not exist on type '... Remove this comment to see the full error message
prevProps.currentProject !== this.props.currentProject
) {
diff --git a/dashboard/src/pages/ErrorTrackingView.tsx b/dashboard/src/pages/ErrorTrackingView.tsx
index e1bcf43c29..f87c923d4a 100644
--- a/dashboard/src/pages/ErrorTrackingView.tsx
+++ b/dashboard/src/pages/ErrorTrackingView.tsx
@@ -2,7 +2,7 @@ import React, { Component } from 'react';
import BreadCrumbItem from '../components/breadCrumb/BreadCrumbItem';
import getParentRoute from '../utils/getParentRoute';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import { connect } from 'react-redux';
import PropsType from 'prop-types';
@@ -22,8 +22,8 @@ class ErrorTrackingView extends Component {
componentDidUpdate(prevProps: $TSFixMe) {
if (
String(prevProps.componentSlug) !==
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'componentSlug' does not exist on type 'R... Remove this comment to see the full error message
- String(this.props.componentSlug) ||
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'componentSlug' does not exist on type 'R... Remove this comment to see the full error message
+ String(this.props.componentSlug) ||
// @ts-expect-error ts-migrate(2339) FIXME: Property 'currentProject' does not exist on type '... Remove this comment to see the full error message
prevProps.currentProject !== this.props.currentProject
) {
@@ -155,8 +155,8 @@ class ErrorTrackingView extends Component {
{errorTracker &&
- errorTracker[0] &&
- errorTracker[0].showQuickStart ? (
+ errorTracker[0] &&
+ errorTracker[0].showQuickStart ? (
{
// @ts-expect-error ts-migrate(2339) FIXME: Property 'projectGroups' does not exist on type 'R... Remove this comment to see the full error message
return this.props.projectGroups &&
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'projectGroups' does not exist on type 'R... Remove this comment to see the full error message
- this.props.projectGroups.map((project: $TSFixMe) => {
- if (project.project.id === User.getCurrentProjectId()) {
- return null;
- } else {
- return (
-
- );
- }
- });
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'projectGroups' does not exist on type 'R... Remove this comment to see the full error message
+ this.props.projectGroups.map((project: $TSFixMe) => {
+ if (project.project.id === User.getCurrentProjectId()) {
+ return null;
+ } else {
+ return (
+
+ );
+ }
+ });
};
renderProjectGroups = () => {
// @ts-expect-error ts-migrate(2339) FIXME: Property 'projectGroups' does not exist on type 'R... Remove this comment to see the full error message
return this.props.projectGroups &&
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'projectGroups' does not exist on type 'R... Remove this comment to see the full error message
- this.props.projectGroups.map((project: $TSFixMe) => {
- if (project.project.id === User.getCurrentProjectId()) {
- return (
- 1
- }
- />
- );
- } else {
- return null;
- }
- });
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'projectGroups' does not exist on type 'R... Remove this comment to see the full error message
+ this.props.projectGroups.map((project: $TSFixMe) => {
+ if (project.project.id === User.getCurrentProjectId()) {
+ return (
+ 1
+ }
+ />
+ );
+ } else {
+ return null;
+ }
+ });
};
render() {
diff --git a/dashboard/src/pages/Home.tsx b/dashboard/src/pages/Home.tsx
index 48a1bb83dc..bea92e5cf9 100644
--- a/dashboard/src/pages/Home.tsx
+++ b/dashboard/src/pages/Home.tsx
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import { loadPage } from '../actions/page';
import { userScheduleRequest, fetchUserSchedule } from '../actions/schedule';
@@ -209,17 +209,17 @@ class Home extends Component {
).getTime();
const end = isDifferentDay
? new Date(
- new Date(new Date().getTime() + addDay).setHours(
- endHour,
- endMin
- )
- ).getTime()
+ new Date(new Date().getTime() + addDay).setHours(
+ endHour,
+ endMin
+ )
+ ).getTime()
: new Date(
- new Date(new Date().getTime()).setHours(
- endHour,
- endMin
- )
- ).getTime();
+ new Date(new Date().getTime()).setHours(
+ endHour,
+ endMin
+ )
+ ).getTime();
let current = new Date(
new Date().setHours(nowHour, nowMin)
).getTime();
@@ -227,10 +227,10 @@ class Home extends Component {
current =
current < start && isDifferentDay
? new Date(
- new Date(
- new Date().getTime() + addDay
- ).setHours(nowHour, nowMin)
- ).getTime()
+ new Date(
+ new Date().getTime() + addDay
+ ).setHours(nowHour, nowMin)
+ ).getTime()
: current;
if (current >= start && current <= end) return true;
@@ -298,55 +298,55 @@ class Home extends Component {
// @ts-expect-error ts-migrate(2339) FIXME: Property 'errorTrackers' does not exist on type 'R... Remove this comment to see the full error message
this.props.errorTrackers && this.props.errorTrackers.length > 0
? (errorEventList = (
-
-
-
-
-
- ))
+
+
+
+
+
+ ))
: (errorEventList = (
-
-
-
-
-
-
-
-
-
-
- You currently
- don't have any
- error events.
-
-
-
-
-
-
-
-
-
- ));
+
+
+
+
+
+
+
+
+
+
+ You currently
+ don't have any
+ error events.
+
+
+
+
+
+
+
+
+
+ ));
}
let ongoingEventList;
@@ -381,11 +381,11 @@ class Home extends Component {
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitorSlaBreaches' does not exist on ty... Remove this comment to see the full error message
breachedMonitorSlaList = this.props.monitorSlaBreaches.map(
(monitor: $TSFixMe) => !monitor.monitorSla &&
- !this.props
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'defaultMonitorSla' does not exist on typ... Remove this comment to see the full error message
- .defaultMonitorSla ? null : !monitor.monitorSla &&
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'defaultMonitorSla' does not exist on typ... Remove this comment to see the full error message
- this.props.defaultMonitorSla ? (
+ !this.props
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'defaultMonitorSla' does not exist on typ... Remove this comment to see the full error message
+ .defaultMonitorSla ? null : !monitor.monitorSla &&
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'defaultMonitorSla' does not exist on typ... Remove this comment to see the full error message
+ this.props.defaultMonitorSla ? (
0}
>
- // @ts-expect-error ts-migrate(2322) FIXME: Type '{ page: string; }' is not assignable to type... Remove this comment to see the full error message
+ // @ts-expect-error ts-migrate(2322) FIXME: Type '{page: string; }' is not assignable to type... Remove this comment to see the full error message
@@ -601,24 +601,24 @@ class Home extends Component {
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'components' does not exist on type 'Read... Remove this comment to see the full error message
.components &&
- this
- .props
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'components' does not exist on type 'Read... Remove this comment to see the full error message
- .components
- .length >
+ this
+ .props
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'components' does not exist on type 'Read... Remove this comment to see the full error message
+ .components
+ .length >
0 &&
- this
- .props
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'monitors' does not exist on type 'Readon... Remove this comment to see the full error message
- .monitors &&
- this
- .props
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'monitors' does not exist on type 'Readon... Remove this comment to see the full error message
- .monitors
- .length >
+ this
+ .props
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'monitors' does not exist on type 'Readon... Remove this comment to see the full error message
+ .monitors &&
+ this
+ .props
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'monitors' does not exist on type 'Readon... Remove this comment to see the full error message
+ .monitors
+ .length >
0 ? (
incidentslist &&
- incidentslist.length >
+ incidentslist.length >
0 ? (
incidentslist
) : (
diff --git a/dashboard/src/pages/Incident.tsx b/dashboard/src/pages/Incident.tsx
index 3a024dddc0..d9688b8cb8 100755
--- a/dashboard/src/pages/Incident.tsx
+++ b/dashboard/src/pages/Incident.tsx
@@ -2,7 +2,7 @@ import React from 'react';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import {
incidentRequest,
incidentError,
@@ -71,8 +71,8 @@ class Incident extends React.Component {
// @ts-expect-error ts-migrate(2339) FIXME: Property 'projectId' does not exist on type 'Reado... Remove this comment to see the full error message
prevProps.projectId !== this.props.projectId ||
(prevProps.incident && prevProps.incident._id) !==
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'incident' does not exist on type 'Readon... Remove this comment to see the full error message
- (this.props.incident && this.props.incident._id) ||
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'incident' does not exist on type 'Readon... Remove this comment to see the full error message
+ (this.props.incident && this.props.incident._id) ||
// @ts-expect-error ts-migrate(2339) FIXME: Property 'componentSlug' does not exist on type 'R... Remove this comment to see the full error message
prevProps.componentSlug !== this.props.componentSlug
) {
@@ -159,8 +159,8 @@ class Incident extends React.Component {
this.props.incidentSlug,
// @ts-expect-error ts-migrate(2339) FIXME: Property 'subscribersAlerts' does not exist on typ... Remove this comment to see the full error message
parseInt(this.props.subscribersAlerts.skip, 10) +
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'subscribersAlerts' does not exist on typ... Remove this comment to see the full error message
- parseInt(this.props.subscribersAlerts.limit, 10),
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'subscribersAlerts' does not exist on typ... Remove this comment to see the full error message
+ parseInt(this.props.subscribersAlerts.limit, 10),
// @ts-expect-error ts-migrate(2339) FIXME: Property 'subscribersAlerts' does not exist on typ... Remove this comment to see the full error message
parseInt(this.props.subscribersAlerts.limit, 10)
);
@@ -179,8 +179,8 @@ class Incident extends React.Component {
this.props.incidentSlug,
// @ts-expect-error ts-migrate(2339) FIXME: Property 'subscribersAlerts' does not exist on typ... Remove this comment to see the full error message
parseInt(this.props.subscribersAlerts.skip, 10) -
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'subscribersAlerts' does not exist on typ... Remove this comment to see the full error message
- parseInt(this.props.subscribersAlerts.limit, 10),
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'subscribersAlerts' does not exist on typ... Remove this comment to see the full error message
+ parseInt(this.props.subscribersAlerts.limit, 10),
// @ts-expect-error ts-migrate(2339) FIXME: Property 'subscribersAlerts' does not exist on typ... Remove this comment to see the full error message
parseInt(this.props.subscribersAlerts.limit, 10)
);
@@ -639,48 +639,48 @@ class Incident extends React.Component {
{monitorList && monitorList.length > 1
? monitorList.map((monitor: $TSFixMe) =>
+ )}
@@ -849,9 +849,9 @@ const mapStateToProps = (state: $TSFixMe, props: $TSFixMe) => {
const projectId = componentSlug
? state.component.currentComponent.component &&
- state.component.currentComponent.component.projectId._id
+ state.component.currentComponent.component.projectId._id
: state.project.projectSlug.project &&
- state.project.projectSlug.project._id;
+ state.project.projectSlug.project._id;
const scheduleWarning: $TSFixMe = [];
state.schedule.subProjectSchedules.forEach((item: $TSFixMe) => {
diff --git a/dashboard/src/pages/IncidentLog.tsx b/dashboard/src/pages/IncidentLog.tsx
index 70cfe838d3..98b27d474a 100755
--- a/dashboard/src/pages/IncidentLog.tsx
+++ b/dashboard/src/pages/IncidentLog.tsx
@@ -2,7 +2,7 @@ import React from 'react';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import {
incidentsRequest,
incidentsError,
@@ -99,11 +99,11 @@ class IncidentLog extends React.Component {
}
if (
String(prevProps.componentSlug) !==
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'componentSlug' does not exist on type 'R... Remove this comment to see the full error message
- String(this.props.componentSlug) ||
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'componentSlug' does not exist on type 'R... Remove this comment to see the full error message
+ String(this.props.componentSlug) ||
JSON.stringify(prevProps.currentProject) !==
- // @ts-expect-error ts-migrate(2339) FIXME: Property 'currentProject' does not exist on type '... Remove this comment to see the full error message
- JSON.stringify(this.props.currentProject)
+ // @ts-expect-error ts-migrate(2339) FIXME: Property 'currentProject' does not exist on type '... Remove this comment to see the full error message
+ JSON.stringify(this.props.currentProject)
) {
if (
// @ts-expect-error ts-migrate(2339) FIXME: Property 'currentProject' does not exist on type '... Remove this comment to see the full error message
@@ -313,8 +313,8 @@ class IncidentLog extends React.Component {
? 1
// @ts-expect-error ts-migrate(2339) FIXME: Property 'page' does not exist on type 'Readonly<{... Remove this comment to see the full error message
: this.state.page[
- projectIncident._id
- ]
+ projectIncident._id
+ ]
}
// @ts-expect-error ts-migrate(2339) FIXME: Property 'componentSlug' does not exist on type 'R... Remove this comment to see the full error message
componentSlug={this.props.componentSlug}
diff --git a/dashboard/src/pages/IncidentSettings.tsx b/dashboard/src/pages/IncidentSettings.tsx
index 29edaa31c1..6da61df3b6 100644
--- a/dashboard/src/pages/IncidentSettings.tsx
+++ b/dashboard/src/pages/IncidentSettings.tsx
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
import { Tab, Tabs, TabList, TabPanel, resetIdCounter } from 'react-tabs';
// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module 'reac... Remove this comment to see the full error message
-import Fade from 'react-reveal/Fade';
+import Fade from 'react-awesome-reveal/Fade';
import { connect } from 'react-redux';
import BreadCrumbItem from '../components/breadCrumb/BreadCrumbItem';
import getParentRoute from '../utils/getParentRoute';
@@ -176,8 +176,8 @@ class IncidentSettings extends React.Component {
const canPaginateForward =
// @ts-expect-error ts-migrate(2339) FIXME: Property 'incidentPrioritiesList' does not exist o... Remove this comment to see the full error message
!this.props.incidentPrioritiesList.requesting &&
- count &&
- count > skip + limit
+ count &&
+ count > skip + limit
? true
: false;
const canPaginateBackward =
@@ -345,23 +345,20 @@ class IncidentSettings extends React.Component {
className="Text-color--inherit Text-display--inline Text-fontSize--14 Text-fontWeight--medium Text-lineHeight--20 Text-typeface--base Text-wrap--wrap"
>
{numberOfPages >
- 0
- ? `Page ${
- this
- .state
- .page
- } of ${numberOfPages} (${count} Priorit${
- count ===
- 1
- ? 'y'
- : 'ies'
- })`
- : `${count} Priorit${
- count ===
- 1
- ? 'y'
- : 'ies'
- }`}
+ 0
+ ? `Page ${this
+ .state
+ .page
+ } of ${numberOfPages} (${count} Priorit${count ===
+ 1
+ ? 'y'
+ : 'ies'
+ })`
+ : `${count} Priorit${count ===
+ 1
+ ? 'y'
+ : 'ies'
+ }`}
@@ -371,11 +368,10 @@ class IncidentSettings extends React.Component {