From edbd58bade5c199351476d425682d6faa067af87 Mon Sep 17 00:00:00 2001 From: Nawaz Dhandala Date: Mon, 14 Mar 2022 11:37:53 +0000 Subject: [PATCH] fix deps --- accounts/package-lock.json | 10 +- accounts/package.json | 2 +- accounts/public/assets/css/newdashboard.css | 4 +- accounts/src/components/auth/CardForm.tsx | 18 +- accounts/src/components/auth/RegisterForm.tsx | 6 +- .../src/components/auth/ResetPasswordForm.tsx | 10 +- accounts/src/pages/Login.tsx | 12 +- dashboard/package.json | 3 +- dashboard/public/assets/css/newdashboard.css | 4 +- .../components/incident/IncidentCreated.tsx | 202 ++++++------ .../components/project/ProjectSwitcher.tsx | 91 +++--- .../components/scheduledEvent/EventBox.tsx | 107 ++++--- .../security/ApplicationSecurityDetail.tsx | 2 +- .../security/ContainerSecurityDetail.tsx | 2 +- dashboard/src/pages/Advanced.tsx | 2 +- dashboard/src/pages/AlertLog.tsx | 6 +- dashboard/src/pages/Application.tsx | 2 +- dashboard/src/pages/ApplicationDetail.tsx | 2 +- dashboard/src/pages/ApplicationLog.tsx | 4 +- dashboard/src/pages/ApplicationLogView.tsx | 10 +- dashboard/src/pages/AutomatedScripView.tsx | 16 +- dashboard/src/pages/AutomationScript.tsx | 4 +- dashboard/src/pages/Billing.tsx | 4 +- dashboard/src/pages/CallRouting.tsx | 6 +- dashboard/src/pages/ChangePasswordSetting.tsx | 2 +- dashboard/src/pages/Component.tsx | 30 +- dashboard/src/pages/ComponentSettings.tsx | 2 +- .../src/pages/ComponentSettingsAdvanced.tsx | 2 +- dashboard/src/pages/Consulting.tsx | 2 +- dashboard/src/pages/Container.tsx | 2 +- dashboard/src/pages/ContainerDetail.tsx | 2 +- dashboard/src/pages/DeleteAccountPage.tsx | 2 +- dashboard/src/pages/DockerCredential.tsx | 2 +- dashboard/src/pages/DomainSettings.tsx | 2 +- dashboard/src/pages/EmailTemplates.tsx | 2 +- dashboard/src/pages/ErrorEventView.tsx | 24 +- dashboard/src/pages/ErrorTracking.tsx | 6 +- dashboard/src/pages/ErrorTrackingView.tsx | 10 +- dashboard/src/pages/GitCredential.tsx | 2 +- dashboard/src/pages/Group.tsx | 88 +++--- dashboard/src/pages/Home.tsx | 176 +++++------ dashboard/src/pages/Incident.tsx | 100 +++--- dashboard/src/pages/IncidentLog.tsx | 14 +- dashboard/src/pages/IncidentSettings.tsx | 47 ++- dashboard/src/pages/Integrations.tsx | 2 +- dashboard/src/pages/Monitor.tsx | 44 +-- dashboard/src/pages/MonitorSettings.tsx | 2 +- dashboard/src/pages/MonitorView.tsx | 288 +++++++++--------- dashboard/src/pages/OnCall.tsx | 28 +- dashboard/src/pages/OneUptimeApi.tsx | 4 +- dashboard/src/pages/PerformanceTracker.tsx | 2 +- .../src/pages/PerformanceTrackerView.tsx | 2 +- dashboard/src/pages/Probe.tsx | 2 +- dashboard/src/pages/Profile.tsx | 2 +- dashboard/src/pages/ProfileBilling.tsx | 2 +- dashboard/src/pages/Reports.tsx | 2 +- dashboard/src/pages/Resources.tsx | 2 +- dashboard/src/pages/Schedule.tsx | 20 +- dashboard/src/pages/ScheduledEvent.tsx | 6 +- dashboard/src/pages/ScheduledEventDetail.tsx | 2 +- dashboard/src/pages/Settings.tsx | 2 +- dashboard/src/pages/SmsTemplates.tsx | 2 +- dashboard/src/pages/Sso.tsx | 6 +- dashboard/src/pages/StatusPage.tsx | 24 +- dashboard/src/pages/StatusPages.tsx | 2 +- dashboard/src/pages/TeamMemberProfile.tsx | 12 +- dashboard/src/pages/TeamMembers.tsx | 8 +- dashboard/src/pages/WebhookSettings.tsx | 2 +- dashboard/src/pages/WebsiteMonitorIssues.tsx | 12 +- dashboard/src/pages/base/index.tsx | 2 +- 70 files changed, 761 insertions(+), 767 deletions(-) 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.handleCloseNotification( - notification - ) - } - /> - -
-
-
- - - # - {notification && - notification.meta && - notification - .meta - .incidentId && - notification - .meta - .incidentId - .idNumber} - {' '} - { - notification.message - }{' '} - on{' '} - {moment( - notification.createdAt - ).format( - 'MMMM Do YYYY, h:mm a' - )} - -
-
- - - - -
-
- ); - } - ) + (notification: $TSFixMe, index: $TSFixMe) => { + return ( +
+
+ + + + this.handleCloseNotification( + notification + ) + } + /> + +
+
+
+ + + # + {notification && + notification.meta && + notification + .meta + .incidentId && + notification + .meta + .incidentId + .idNumber} + {' '} + { + notification.message + }{' '} + on{' '} + {moment( + notification.createdAt + ).format( + 'MMMM Do YYYY, h:mm a' + )} + +
+
+ + + + +
+
+ ); + } + ) : null}
diff --git a/dashboard/src/components/project/ProjectSwitcher.tsx b/dashboard/src/components/project/ProjectSwitcher.tsx index 33f1945cee..8dcea39783 100755 --- a/dashboard/src/components/project/ProjectSwitcher.tsx +++ b/dashboard/src/components/project/ProjectSwitcher.tsx @@ -59,6 +59,7 @@ export class ProjectSwitcher extends Component { render() { let projectOptions = null; + let isHovering = false; // @ts-expect-error ts-migrate(2339) FIXME: Property 'project' does not exist on type 'Readonl... Remove this comment to see the full error message const { projects } = this.props.project.projects; if (projects && projects.length > 0) { @@ -68,61 +69,61 @@ export class ProjectSwitcher extends Component { id={project.name} title={project.name} > - + {/* {({ isHovering - }: $TSFixMe) => ( + }: $TSFixMe) => ( */} +
this.selectProject(project)} + > +
this.selectProject(project)} + className={ + isHovering + ? 'Box-root Box-background--blue Flex-flex Flex-alignItems--center Padding-horizontal--8 Padding-vertical--4' + : 'Box-root Box-background--white Flex-flex Flex-alignItems--center Padding-horizontal--8 Padding-vertical--4' + } + style={{ + cursor: 'pointer', + userSelect: 'none', + }} > -
-
-
-
-
-
-
-
-
+
+
- - {project.name} - +
+
+ + {project.name} + +
- )} - +
+
+ {/* )} + */}
, 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 {
{applicationLog[0] && - applicationLog[0] - .showQuickStart ? ( + applicationLog[0] + .showQuickStart ? ( { scriptLogs .log .length > - 0 && + 0 && scriptLogs.log.map( ( log: $TSFixMe, @@ -426,23 +426,23 @@ const AutomatedScripView = (props: $TSFixMe) => {
{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
@@ -507,7 +507,7 @@ class Home extends Component { if={ upcomingSchedules && upcomingSchedules.length > - 0 + 0 } > - 0 + 0 } > - 0 && + 0 && ongoingEventList} {breachedMonitorSlaList && breachedMonitorSlaList.length > - 0 && + 0 && breachedMonitorSlaList}
@@ -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) =>
- -
) + key={monitor._id} + className="Box-root Margin-bottom--12" + > + +
) : monitorList[0] && ( -
- -
- )} +
+ +
+ )} @@ -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 {
diff --git a/dashboard/src/pages/StatusPages.tsx b/dashboard/src/pages/StatusPages.tsx index 69e561ff88..2eea22996d 100755 --- a/dashboard/src/pages/StatusPages.tsx +++ b/dashboard/src/pages/StatusPages.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'; // @ts-expect-error ts-migrate(2307) FIXME: Cannot find module '../components/status-page/Stat... Remove this comment to see the full error message import StatusPagesTable from '../components/status-page/StatusPagesTable'; import PropTypes from 'prop-types'; diff --git a/dashboard/src/pages/TeamMemberProfile.tsx b/dashboard/src/pages/TeamMemberProfile.tsx index f9fd05e577..866daaf776 100644 --- a/dashboard/src/pages/TeamMemberProfile.tsx +++ b/dashboard/src/pages/TeamMemberProfile.tsx @@ -3,7 +3,7 @@ import { bindActionCreators } from 'redux'; 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 'reac... Remove this comment to see the full error message -import Fade from 'react-reveal/Fade'; +import Fade from 'react-awesome-reveal/Fade'; import { API_URL } from '../config'; import { LargeSpinner as Loader } from '../components/basic/Loader'; import ShouldRender from '../components/basic/ShouldRender'; @@ -116,8 +116,8 @@ function TeamMemberProfile({
{!requesting && - teamMember && - !error ? ( + teamMember && + !error ? (
@@ -151,7 +151,7 @@ function TeamMemberProfile({ if={ teamMember.email && teamMember.email !== - 'undefined' + 'undefined' } >
@@ -183,7 +183,7 @@ function TeamMemberProfile({ if={ teamMember.companyPhoneNumber && teamMember.companyPhoneNumber !== - 'undefined' + 'undefined' } >
@@ -228,7 +228,7 @@ function TeamMemberProfile({ if={ teamMember.timezone && teamMember.timezone !== - 'undefined' + 'undefined' } >
diff --git a/dashboard/src/pages/TeamMembers.tsx b/dashboard/src/pages/TeamMembers.tsx index 90ea2b5be9..b3e5b0d50a 100755 --- a/dashboard/src/pages/TeamMembers.tsx +++ b/dashboard/src/pages/TeamMembers.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 { subProjectTeamLoading, subProjectTeamLoadingRequest, @@ -97,15 +97,15 @@ const LoadedTeam = (props: $TSFixMe) => { paginate={props.paginate} canPaginateBackward={ pages[currentProjectId] && - pages[currentProjectId] > 1 + pages[currentProjectId] > 1 ? true : false } canPaginateForward={ projectMembers.count && - projectMembers.count > + projectMembers.count > (pages[currentProjectId] || 1) * - membersPerPage + membersPerPage ? true : false } diff --git a/dashboard/src/pages/WebhookSettings.tsx b/dashboard/src/pages/WebhookSettings.tsx index a1620e8f75..84b8b3d355 100644 --- a/dashboard/src/pages/WebhookSettings.tsx +++ b/dashboard/src/pages/WebhookSettings.tsx @@ -2,7 +2,7 @@ import React, { Component } from 'react'; import PropTypes from 'prop-types'; 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 { bindActionCreators } from 'redux'; import { getSmsTemplates, getSmtpConfig } from '../actions/smsTemplates'; diff --git a/dashboard/src/pages/WebsiteMonitorIssues.tsx b/dashboard/src/pages/WebsiteMonitorIssues.tsx index a3088c9aec..8a96141eda 100755 --- a/dashboard/src/pages/WebsiteMonitorIssues.tsx +++ b/dashboard/src/pages/WebsiteMonitorIssues.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 PropTypes from 'prop-types'; import { fetchMonitorIssue } from '../actions/monitor'; import { fetchComponent } from '../actions/component'; @@ -65,8 +65,8 @@ class WebsiteMonitorIssues extends React.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 'projectId' does not exist on type 'Reado... Remove this comment to see the full error message prevProps.projectId !== this.props.projectId ) { @@ -286,7 +286,7 @@ class WebsiteMonitorIssues extends React.Component { monitorState.monitorIssue.data && monitorState.monitorIssue.data.performance && monitorState.monitorIssue.data.performance.length > - 0 + 0 } >