github/oneuptime
1
1
Fork 0
mirror of https://github.com/OneUptime/oneuptime.git synced 2026-04-06 00:32:12 +02:00
Code Issues 193 Packages Projects Releases Wiki Activity

fix deps

Browse Source
This commit is contained in:
Nawaz Dhandala
2022-03-14 11:37:53 +00:00
parent 3c7811f878
commit edbd58bade
70 changed files with 761 additions and 767 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
accounts/package-lock.json generated
View File

@@ -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"

2
accounts/package.json
View File

@@ -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",

4
accounts/public/assets/css/newdashboard.css
View File

@@ -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;

18
accounts/src/components/auth/CardForm.tsx
View File

@@ -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)) {

6
accounts/src/components/auth/RegisterForm.tsx
View File

@@ -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;
}
);

10
accounts/src/components/auth/ResetPasswordForm.tsx
View File

@@ -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 && (
<span>Reset Password</span>
)}
<span>Reset Password</span>
)}
// @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 && (
<ButtonSpinner />
)}
<ButtonSpinner />
)}
</button>
</p>{' '}
</div>

12
accounts/src/pages/Login.tsx
View File

@@ -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.' ? (
<div>
<MessageBox
title="Your email is not verified."
@@ -79,7 +79,7 @@ class LoginPage extends React.Component {
this.props.resendTokenRequest.requesting
? 'Resending verification link...'
: "An email is on its way to you with new verification link. Please don't forget to check spam."
}`}
}`}
>
<div className="below-box">
// @ts-expect-error ts-migrate(2339) FIXME: Property 'resendTokenRequest' does not exist on ty... Remove this comment to see the full error message

3
dashboard/package.json
View File

@@ -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",

4
dashboard/public/assets/css/newdashboard.css
View File

@@ -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;

202
dashboard/src/components/incident/IncidentCreated.tsx
View File

@@ -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 (
<div
className="Box-root Box-background--red4"
style={{
padding: '10px 10px',
fontWeight: '400',
fontSize: '1em',
marginBottom: '4px',
borderRadius: '4px',
}}
key={notification._id}
>
<div className="Notify-oneuptime">
<span></span>
<span>
<span
id={`closeIncident_${index}`}
className="incident-close-button"
style={{
opacity: 1,
filter:
'brightness(0) invert(1)',
float:
'right',
marginBottom:
'10px',
}}
onClick={() =>
this.handleCloseNotification(
notification
)
}
/>
</span>
</div>
<div className="Notify-oneuptime">
<div className="Notify-oneuptime-container-row-primary db-SideNav-icon--danger" />
<span className="Notify-oneuptime-container-row-secondary Text-color--white">
<span>
#
{notification &&
notification.meta &&
notification
.meta
.incidentId &&
notification
.meta
.incidentId
.idNumber}
</span>{' '}
{
notification.message
}{' '}
on{' '}
{moment(
notification.createdAt
).format(
'MMMM Do YYYY, h:mm a'
)}
</span>
</div>
<div className="Notify-oneuptime">
<span></span>
<span>
<button
id={`viewIncident-${index}`}
className="bs-Button bs-Button--red Box-background--red border-white"
style={{
height:
'30px',
width:
'105px',
boxShadow:
'0 0 0 1px #ffffff, 0 1.5px 1px 0 rgba(158, 33, 70, 0.15), 0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.08), 0 0 0 0 transparent',
float:
'right',
marginRight:
'5px',
marginTop:
'10px',
}}
onClick={() =>
this.markAsRead(
notification
)
}
type="button"
>
<span>
View
Incident
</span>
</button>
</span>
</div>
</div>
);
}
)
(notification: $TSFixMe, index: $TSFixMe) => {
return (
<div
className="Box-root Box-background--red4"
style={{
padding: '10px 10px',
fontWeight: '400',
fontSize: '1em',
marginBottom: '4px',
borderRadius: '4px',
}}
key={notification._id}
>
<div className="Notify-oneuptime">
<span></span>
<span>
<span
id={`closeIncident_${index}`}
className="incident-close-button"
style={{
opacity: 1,
filter:
'brightness(0) invert(1)',
float:
'right',
marginBottom:
'10px',
}}
onClick={() =>
this.handleCloseNotification(
notification
)
}
/>
</span>
</div>
<div className="Notify-oneuptime">
<div className="Notify-oneuptime-container-row-primary db-SideNav-icon--danger" />
<span className="Notify-oneuptime-container-row-secondary Text-color--white">
<span>
#
{notification &&
notification.meta &&
notification
.meta
.incidentId &&
notification
.meta
.incidentId
.idNumber}
</span>{' '}
{
notification.message
}{' '}
on{' '}
{moment(
notification.createdAt
).format(
'MMMM Do YYYY, h:mm a'
)}
</span>
</div>
<div className="Notify-oneuptime">
<span></span>
<span>
<button
id={`viewIncident-${index}`}
className="bs-Button bs-Button--red Box-background--red border-white"
style={{
height:
'30px',
width:
'105px',
boxShadow:
'0 0 0 1px #ffffff, 0 1.5px 1px 0 rgba(158, 33, 70, 0.15), 0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.08), 0 0 0 0 transparent',
float:
'right',
marginRight:
'5px',
marginTop:
'10px',
}}
onClick={() =>
this.markAsRead(
notification
)
}
type="button"
>
<span>
View
Incident
</span>
</button>
</span>
</div>
</div>
);
}
)
: null}
</div>
</div>

91
dashboard/src/components/project/ProjectSwitcher.tsx
View File

@@ -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}
>
<ReactHoverObserver>
{/* <ReactHoverObserver>
{({
isHovering
}: $TSFixMe) => (
}: $TSFixMe) => ( */}
<div
aria-selected="false"
role="option"
onClick={() => this.selectProject(project)}
>
<div>
<div
aria-selected="false"
role="option"
onClick={() => 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',
}}
>
<div>
<div
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',
}}
>
<div className="Box-root Margin-right--8">
<div className="db-AccountSwitcherX-activeImage">
<div
className={
'db-AccountSwitcherX-accountImage Box-root Box-background--white'
}
>
<div className="db-AccountSwitcherX-accountImage--content db-AccountSwitcherX-accountImage--fallback" />
</div>
</div>
</div>
<div className="Box-root Margin-right--8">
<div className="db-AccountSwitcherX-activeImage">
<div
style={{
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
}}
className={
'db-AccountSwitcherX-accountImage Box-root Box-background--white'
}
>
<span
id={`span_${project.name}`}
className={
isHovering
? 'Text-color--white Text-display--inline Text-fontSize--16 Text-fontWeight--medium Text-lineHeight--24 Text-typeface--base Text-wrap--wrap'
: 'Text-color--default Text-display--inline Text-fontSize--16 Text-fontWeight--medium Text-lineHeight--24 Text-typeface--base Text-wrap--wrap'
}
>
{project.name}
</span>
<div className="db-AccountSwitcherX-accountImage--content db-AccountSwitcherX-accountImage--fallback" />
</div>
</div>
</div>
<div
style={{
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
}}
>
<span
id={`span_${project.name}`}
className={
isHovering
? 'Text-color--white Text-display--inline Text-fontSize--16 Text-fontWeight--medium Text-lineHeight--24 Text-typeface--base Text-wrap--wrap'
: 'Text-color--default Text-display--inline Text-fontSize--16 Text-fontWeight--medium Text-lineHeight--24 Text-typeface--base Text-wrap--wrap'
}
>
{project.name}
</span>
</div>
</div>
)}
</ReactHoverObserver>
</div>
</div>
{/* )}
</ReactHoverObserver> */}
</div>,
this
);

107
dashboard/src/components/scheduledEvent/EventBox.tsx
View File

@@ -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 = (
<span>
@@ -208,7 +207,7 @@ class EventBox extends Component {
<div className="SVGInline SVGInline--cleaned Button-icon ActionIcon ActionIcon--color--inherit Box-root Flex-flex"></div>
</div>
{allScheduleEventLength ===
1 ? (
1 ? (
<span className="bs-Button bs-FileUploadButton bs-Button--icon bs-Button--new keycode__wrapper">
<span>
Create New Event
@@ -257,7 +256,7 @@ class EventBox extends Component {
<div className="SVGInline SVGInline--cleaned Button-icon ActionIcon ActionIcon--color--inherit Box-root Flex-flex"></div>
</div>
{allScheduleEventLength ===
1 ? (
1 ? (
<span className="bs-Button bs-FileUploadButton bs-Button--icon bs-Button--new keycode__wrapper">
<span>
Create New Event
@@ -338,29 +337,29 @@ class EventBox extends Component {
Cancelled
</Badge>
) : !scheduledEvent.cancelled &&
!scheduledEvent.resolved ? (
!scheduledEvent.resolved ? (
moment() <
moment(
scheduledEvent.startDate
) ? (
moment(
scheduledEvent.startDate
) ? (
<Badge color={'blue'}>
Scheduled
</Badge>
) : moment() >=
moment(
scheduledEvent.startDate
) &&
moment() <
moment(
scheduledEvent.endDate
) ? (
moment(
scheduledEvent.startDate
) &&
moment() <
moment(
scheduledEvent.endDate
) ? (
<Badge color={'yellow'}>
Ongoing
</Badge>
) : moment() >
moment(
scheduledEvent.endDate
) ? (
moment(
scheduledEvent.endDate
) ? (
<Badge color={'blue'}>
Ended
</Badge>
@@ -490,7 +489,7 @@ class EventBox extends Component {
!(
(!scheduledEvents ||
scheduledEvents.length ===
0) &&
0) &&
!requesting &&
!error
)
@@ -565,8 +564,8 @@ class EventBox extends Component {
<span>
{(!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'
}`}
</span>
</span>
</span>

2
dashboard/src/components/security/ApplicationSecurityDetail.tsx
View File

@@ -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 {

2
dashboard/src/components/security/ContainerSecurityDetail.tsx
View File

@@ -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 {

2
dashboard/src/pages/Advanced.tsx
View File

@@ -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';

6
dashboard/src/pages/AlertLog.tsx
View File

@@ -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;

2
dashboard/src/pages/Application.tsx
View File

@@ -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';

2
dashboard/src/pages/ApplicationDetail.tsx
View File

@@ -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 {

4
dashboard/src/pages/ApplicationLog.tsx
View File

@@ -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'
}

10
dashboard/src/pages/ApplicationLogView.tsx
View File

@@ -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 {
<Fade>
<div className="bs-ContentSection Card-root Card-shadow--medium Margin-bottom--12">
{applicationLog[0] &&
applicationLog[0]
.showQuickStart ? (
applicationLog[0]
.showQuickStart ? (
<ShouldRender
if={
this

16
dashboard/src/pages/AutomatedScripView.tsx
View File

@@ -1,6 +1,6 @@
import React, { useEffect, useRef, useState } 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 PropTypes from 'prop-types';
import getParentRoute from '../utils/getParentRoute';
@@ -354,7 +354,7 @@ const AutomatedScripView = (props: $TSFixMe) => {
scriptLogs
.log
.length >
0 &&
0 &&
scriptLogs.log.map(
(
log: $TSFixMe,
@@ -426,23 +426,23 @@ const AutomatedScripView = (props: $TSFixMe) => {
<div className="bs-ObjectList-cell bs-u-v-middle">
<div className="Box-root">
{log.status ===
'success' ? (
'success' ? (
<Badge color="green">
{
log.status
}
</Badge>
) : log.status ===
'running' ? (
'running' ? (
<Badge color="yellow">
{
log.status
}
</Badge>
) : log.status ===
'failed' ? (
'failed' ? (
log.error ===
'stackoverflow' ? (
'stackoverflow' ? (
<Badge color="red">
{
log.error
@@ -527,7 +527,7 @@ const AutomatedScripView = (props: $TSFixMe) => {
scriptLogs
.log
.length ===
0) ||
0) ||
!scriptLogs
}
>
@@ -567,7 +567,7 @@ const AutomatedScripView = (props: $TSFixMe) => {
}
</span>{' '}
{count &&
count >
count >
1
? 'Logs'
: 'Log'}

4
dashboard/src/pages/AutomationScript.tsx
View File

@@ -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 {
<div id="automationScriptsPage">
// @ts-expect-error ts-migrate(2339) FIXME: Property 'toggleNewScript' does not exist on type ... Remove this comment to see the full error message
<ShouldRender if={!this.state.toggleNewScript}>
// @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
<AutomatedTabularList
{...this.props}
toggleNewScript={() =>

4
dashboard/src/pages/Billing.tsx
View File

@@ -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 {
<BreadCrumbItem route={pathname} name="Billing" />
<div id="billingSetting" className="Margin-vertical--12">
<ShouldRender if={!alertEnable}>
// @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
<AlertDisabledWarning page="Billing" />
</ShouldRender>
<ShouldRender if={currentProject}>

6
dashboard/src/pages/CallRouting.tsx
View File

@@ -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

2
dashboard/src/pages/ChangePasswordSetting.tsx
View File

@@ -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';

30
dashboard/src/pages/Component.tsx
View File

@@ -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 ? (
<div
@@ -221,7 +221,7 @@ class ComponentDashboardView extends Component {
requestErrorObject={
// @ts-expect-error ts-migrate(2339) FIXME: Property 'component' does not exist on type 'Reado... Remove this comment to see the full error message
this.props.component.componentList[
currentProjectId
currentProjectId
]
}
/>
@@ -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
<AlertDisabledWarning page="Component" />
</ShouldRender>
<div className="Box-root">
@@ -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
}
>
<NewComponent
@@ -359,9 +359,9 @@ class ComponentDashboardView extends Component {
}
showCancelBtn={
components.length >
0 &&
0 &&
components[0] !==
false
false
}
/>
</ShouldRender>
@@ -376,7 +376,7 @@ class ComponentDashboardView extends Component {
.componentList
.requesting &&
allComponents.length ===
0
0
}
>
<div className="Box-root ">

2
dashboard/src/pages/ComponentSettings.tsx
View File

@@ -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';

2
dashboard/src/pages/ComponentSettingsAdvanced.tsx
View File

@@ -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';

2
dashboard/src/pages/Consulting.tsx
View File

@@ -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

2
dashboard/src/pages/Container.tsx
View File

@@ -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';

2
dashboard/src/pages/ContainerDetail.tsx
View File

@@ -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 {

2
dashboard/src/pages/DeleteAccountPage.tsx
View File

@@ -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';

2
dashboard/src/pages/DockerCredential.tsx
View File

@@ -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';

2
dashboard/src/pages/DomainSettings.tsx
View File

@@ -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';

2
dashboard/src/pages/EmailTemplates.tsx
View File

@@ -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';

24
dashboard/src/pages/ErrorEventView.tsx
View File

@@ -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
: ''
}

6
dashboard/src/pages/ErrorTracking.tsx
View File

@@ -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
) {

10
dashboard/src/pages/ErrorTrackingView.tsx
View File

@@ -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 {
</ShouldRender>
<ShouldRender if={errorTracker && errorTracker[0]}>
{errorTracker &&
errorTracker[0] &&
errorTracker[0].showQuickStart ? (
errorTracker[0] &&
errorTracker[0].showQuickStart ? (
<LibraryList
// @ts-expect-error ts-migrate(2322) FIXME: Type '{ title: string; type: string; errorTracker:... Remove this comment to see the full error message
title="Error Tracking"

2
dashboard/src/pages/GitCredential.tsx
View File

@@ -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 { getGitCredentials } from '../actions/credential';
import GitCredentialList from '../components/credential/GitCredentialList';

88
dashboard/src/pages/Group.tsx
View File

@@ -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 { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import GroupList from '../components/settings/GroupList';
@@ -22,54 +22,54 @@ class Groups extends Component {
renderSubProjectGroups = () => {
// @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 (
<GroupList
key={project.project.id}
// @ts-expect-error ts-migrate(2322) FIXME: Type '{ key: any; groups: any; count: any; project... Remove this comment to see the full error message
groups={project.groups && project.groups.groups}
count={project.groups.count}
project={project.project}
skip={project.groups.skip}
limit={project.groups.limit}
/>
);
}
});
// @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 (
<GroupList
key={project.project.id}
// @ts-expect-error ts-migrate(2322) FIXME: Type '{ key: any; groups: any; count: any; project... Remove this comment to see the full error message
groups={project.groups && project.groups.groups}
count={project.groups.count}
project={project.project}
skip={project.groups.skip}
limit={project.groups.limit}
/>
);
}
});
};
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 (
<GroupList
key={project.project.id}
// @ts-expect-error ts-migrate(2322) FIXME: Type '{ key: any; groups: any; count: any; skip: a... Remove this comment to see the full error message
groups={project.groups && project.groups.groups}
count={project.groups.count}
skip={project.groups.skip}
limit={project.groups.limit}
project={project.project}
parentProject={true}
subProjects={
// @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 &&
// @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.length > 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 (
<GroupList
key={project.project.id}
// @ts-expect-error ts-migrate(2322) FIXME: Type '{ key: any; groups: any; count: any; skip: a... Remove this comment to see the full error message
groups={project.groups && project.groups.groups}
count={project.groups.count}
skip={project.groups.skip}
limit={project.groups.limit}
project={project.project}
parentProject={true}
subProjects={
// @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 &&
// @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.length > 1
}
/>
);
} else {
return null;
}
});
};
render() {

176
dashboard/src/pages/Home.tsx
View File

@@ -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 = (
<div className="Box-root Margin-vertical--12">
<div
className="db-Trends Card-root"
style={{ overflow: 'visible' }}
>
<ErrorTrackerList
// @ts-expect-error ts-migrate(2339) FIXME: Property 'errorTrackers' does not exist on type 'R... Remove this comment to see the full error message
errorTrackers={this.props.errorTrackers}
showComponentWithIssue={true}
/>
</div>
</div>
))
<div className="Box-root Margin-vertical--12">
<div
className="db-Trends Card-root"
style={{ overflow: 'visible' }}
>
<ErrorTrackerList
// @ts-expect-error ts-migrate(2339) FIXME: Property 'errorTrackers' does not exist on type 'R... Remove this comment to see the full error message
errorTrackers={this.props.errorTrackers}
showComponentWithIssue={true}
/>
</div>
</div>
))
: (errorEventList = (
<div>
<div className="Box-root Margin-bottom--12 Card-shadow--medium Box-background--green Border-radius--4">
<div className="db-Trends-header Padding-vertical--48">
<div className="db-Trends-controls">
<div className="ContentHeader-center Box-root Flex-flex Flex-direction--column Flex-justifyContent--center">
<div className="Box-root Flex-flex Flex-direction--row Flex-justifyContent--spaceBetween">
<div className="ContentHeader-center Box-root Flex-flex Flex-direction--column Flex-justifyContent--center">
<span className="Box-root Flex-flex Flex-direction--row Flex-justifyContent--center">
<span
className="db-SideNav-icon db-SideNav-icon--tick db-SideNav-icon--selected"
style={{
filter:
'brightness(0) invert(1)',
marginTop: '1px',
marginRight:
'5px',
}}
/>
<span
id="component-content-header"
className="ContentHeader-title Text-color--white Text-display--inline Text-fontSize--16 Text-fontWeight--medium Text-typeface--base Text-wrap--wrap"
>
You currently
don&apos;t have any
error events.
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
));
<div>
<div className="Box-root Margin-bottom--12 Card-shadow--medium Box-background--green Border-radius--4">
<div className="db-Trends-header Padding-vertical--48">
<div className="db-Trends-controls">
<div className="ContentHeader-center Box-root Flex-flex Flex-direction--column Flex-justifyContent--center">
<div className="Box-root Flex-flex Flex-direction--row Flex-justifyContent--spaceBetween">
<div className="ContentHeader-center Box-root Flex-flex Flex-direction--column Flex-justifyContent--center">
<span className="Box-root Flex-flex Flex-direction--row Flex-justifyContent--center">
<span
className="db-SideNav-icon db-SideNav-icon--tick db-SideNav-icon--selected"
style={{
filter:
'brightness(0) invert(1)',
marginTop: '1px',
marginRight:
'5px',
}}
/>
<span
id="component-content-header"
className="ContentHeader-title Text-color--white Text-display--inline Text-fontSize--16 Text-fontWeight--medium Text-typeface--base Text-wrap--wrap"
>
You currently
don&apos;t have any
error events.
</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
));
}
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 ? (
<RenderIfUserInSubProject
key={monitor._id}
subProjectId={
@@ -441,7 +441,7 @@ class Home 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
<AlertDisabledWarning page="Home" />
</ShouldRender>
<div className="Box-root">
@@ -507,7 +507,7 @@ class Home extends Component {
if={
upcomingSchedules &&
upcomingSchedules.length >
0
0
}
>
<OnCallSchedule
@@ -528,7 +528,7 @@ class Home extends Component {
if={
inactiveSchedules &&
inactiveSchedules.length >
0
0
}
>
<OnCallSchedule
@@ -547,12 +547,12 @@ class Home extends Component {
{ongoingEventList &&
ongoingEventList.length >
0 &&
0 &&
ongoingEventList}
{breachedMonitorSlaList &&
breachedMonitorSlaList.length >
0 &&
0 &&
breachedMonitorSlaList}
<div className="Box-root Margin-bottom--12">
@@ -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
) : (

100
dashboard/src/pages/Incident.tsx
View File

@@ -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 {
<Fade>
{monitorList && monitorList.length > 1
? monitorList.map((monitor: $TSFixMe) => <div
key={monitor._id}
className="Box-root Margin-bottom--12"
>
<MonitorViewLogsBox
incidentId={
// @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._id
}
monitorId={monitor._id}
monitorName={monitor.name}
monitorType={monitor.type}
agentless={
monitor &&
monitor.agentlessConfig
}
/>
</div>)
key={monitor._id}
className="Box-root Margin-bottom--12"
>
<MonitorViewLogsBox
incidentId={
// @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._id
}
monitorId={monitor._id}
monitorName={monitor.name}
monitorType={monitor.type}
agentless={
monitor &&
monitor.agentlessConfig
}
/>
</div>)
: monitorList[0] && (
<div
key={monitorList[0]._id}
className="Box-root Margin-bottom--12"
>
<MonitorViewLogsBox
incidentId={
// @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._id
}
monitorId={monitorList[0]._id}
monitorName={
monitorList[0].name
}
monitorType={
monitorList[0].type
}
agentless={
monitorList[0] &&
monitorList[0]
.agentlessConfig
}
/>
</div>
)}
<div
key={monitorList[0]._id}
className="Box-root Margin-bottom--12"
>
<MonitorViewLogsBox
incidentId={
// @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._id
}
monitorId={monitorList[0]._id}
monitorName={
monitorList[0].name
}
monitorType={
monitorList[0].type
}
agentless={
monitorList[0] &&
monitorList[0]
.agentlessConfig
}
/>
</div>
)}
</Fade>
</TabPanel>
<TabPanel>
@@ -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) => {

14
dashboard/src/pages/IncidentLog.tsx
View File

@@ -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}

47
dashboard/src/pages/IncidentSettings.tsx
View File

@@ -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'
}`}
</span>
</span>
</span>
@@ -371,11 +368,10 @@ class IncidentSettings extends React.Component {
<div className="Box-root Margin-right--8">
<button
id="btnPrev"
className={`Button bs-ButtonLegacy ${
!canPaginateBackward
className={`Button bs-ButtonLegacy ${!canPaginateBackward
? 'Is--disabled'
: ''
}`}
}`}
data-db-analytics-name="list_view.pagination.previous"
disabled={
!canPaginateBackward
@@ -397,11 +393,10 @@ class IncidentSettings extends React.Component {
<div className="Box-root">
<button
id="btnNext"
className={`Button bs-ButtonLegacy ${
!canPaginateForward
className={`Button bs-ButtonLegacy ${!canPaginateForward
? 'Is--disabled'
: ''
}`}
}`}
data-db-analytics-name="list_view.pagination.next"
disabled={
!canPaginateForward

2
dashboard/src/pages/Integrations.tsx
View File

@@ -3,7 +3,7 @@ import { connect } from 'react-redux';
// @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 WebHookBox from '../components/webHooks/WebHookBox';
import ZapierBox from '../components/zapier/ZapierBox';

44
dashboard/src/pages/Monitor.tsx
View File

@@ -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 ComponentSummary from '../components/component/ComponentSummary';
import NewMonitor from '../components/monitor/NewMonitor';
import MonitorList from '../components/monitor/MonitorList';
@@ -158,11 +158,11 @@ class MonitorDashboardView extends 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
@@ -326,9 +326,9 @@ class MonitorDashboardView extends Component {
allMonitors = IsUserInSubProject(subProject)
? allMonitors
: allMonitors.filter(
(monitor: $TSFixMe) => monitor.projectId !== subProjectMonitor._id ||
monitor.projectId._id !== subProjectMonitor._id
);
(monitor: $TSFixMe) => monitor.projectId !== subProjectMonitor._id ||
monitor.projectId._id !== subProjectMonitor._id
);
return subProjectMonitor &&
subProjectMonitor.monitors.length > 0 ? (
<div
@@ -386,9 +386,9 @@ class MonitorDashboardView extends Component {
allMonitors = IsUserInSubProject(currentProject)
? allMonitors
: allMonitors.filter(
(monitor: $TSFixMe) => monitor.projectId !== currentProject._id ||
monitor.projectId._id !== currentProject._id
);
(monitor: $TSFixMe) => monitor.projectId !== currentProject._id ||
monitor.projectId._id !== currentProject._id
);
projectMonitor =
projectMonitor && projectMonitor.monitors.length > 0 ? (
<div
@@ -458,9 +458,9 @@ class MonitorDashboardView extends Component {
route={pathname + '#'}
name={
this.state.showNewMonitorForm ||
!monitors ||
monitors.length === 0 ||
monitors[0] === false
!monitors ||
monitors.length === 0 ||
monitors[0] === false
? 'New Monitor Form'
: 'Monitors'
}
@@ -510,7 +510,7 @@ class MonitorDashboardView extends Component {
.monitorCustom
.show ||
allMonitors.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
@@ -531,9 +531,9 @@ class MonitorDashboardView extends Component {
.showNewMonitorForm &&
monitors &&
monitors.length >
0 &&
0 &&
monitors[0] !==
false
false
}
>
<ComponentSummary
@@ -568,9 +568,9 @@ class MonitorDashboardView extends Component {
.showNewMonitorForm ||
!monitors ||
monitors.length ===
0 ||
0 ||
monitors[0] ===
false
false
}
>
<NewMonitor
@@ -592,9 +592,9 @@ class MonitorDashboardView extends Component {
}
showCancelBtn={
monitors.length >
0 &&
0 &&
monitors[0] !==
false
false
}
toggleForm={
this
@@ -612,7 +612,7 @@ class MonitorDashboardView extends Component {
.paginatedMonitorsList
.requesting &&
allMonitors.length ===
0
0
}
>
<div

2
dashboard/src/pages/MonitorSettings.tsx
View File

@@ -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';

288
dashboard/src/pages/MonitorView.tsx
View File

@@ -2,7 +2,7 @@ import React, { Fragment } 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 {
fetchMonitorsIncidents,
fetchMonitorsSubscribers,
@@ -80,8 +80,8 @@ class MonitorView extends React.Component {
const { monitor } = this.props;
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
) {
@@ -357,8 +357,8 @@ class MonitorView extends React.Component {
this.props.monitor && this.props.monitor.projectId
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
? this.props.monitor.projectId._id ||
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
this.props.monitor.projectId
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
this.props.monitor.projectId
: null;
const componentName = component ? component.name : '';
const monitorName = monitor ? monitor.name : '';
@@ -612,32 +612,32 @@ class MonitorView extends React.Component {
<div>
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
{this.props.monitor &&
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
this.props.monitor._id &&
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
this.props.monitor.type &&
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
(((this.props.monitor
.type === 'url' ||
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
this.props.monitor
.type === 'api' ||
this.props.monitor._id &&
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
this.props.monitor
.type === 'ip') &&
// @ts-expect-error ts-migrate(2339) FIXME: Property 'probeList' does not exist on type 'Reado... Remove this comment to see the full error message
!this.props.probeList
.requesting) ||
this.props.monitor.type &&
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
(this.props.monitor
.type !== 'url' &&
(((this.props.monitor
.type === 'url' ||
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
this.props.monitor
.type !==
.type === 'api' ||
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
this.props.monitor
.type === 'ip') &&
// @ts-expect-error ts-migrate(2339) FIXME: Property 'probeList' does not exist on type 'Reado... Remove this comment to see the full error message
!this.props.probeList
.requesting) ||
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
(this.props.monitor
.type !== 'url' &&
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
this.props.monitor
.type !==
'api' &&
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
this.props.monitor
.type !==
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
this.props.monitor
.type !==
'ip')) ? (
<Fragment>
<TabPanel>
@@ -741,22 +741,22 @@ class MonitorView extends React.Component {
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'requestingComponent' does not exist on t... Remove this comment to see the full error message
.requestingComponent && (
<MonitorViewIncidentBox
// @ts-expect-error ts-migrate(2322) FIXME: Type '{ componentId: any; monitor: any; }' is not ... Remove this comment to see the full error message
componentId={
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'componentId' does not exist on type 'Rea... Remove this comment to see the full error message
.componentId
}
monitor={
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
.monitor
}
/>
)}
<MonitorViewIncidentBox
// @ts-expect-error ts-migrate(2322) FIXME: Type '{ componentId: any; monitor: any; }' is not ... Remove this comment to see the full error message
componentId={
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'componentId' does not exist on type 'Rea... Remove this comment to see the full error message
.componentId
}
monitor={
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
.monitor
}
/>
)}
</div>
<ShouldRender
if={
@@ -774,7 +774,7 @@ class MonitorView extends React.Component {
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
.monitor
.type ===
'url' &&
'url' &&
!this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'requestingComponent' does not exist on t... Remove this comment to see the full error message
@@ -832,37 +832,37 @@ class MonitorView extends React.Component {
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
.monitor
.type ===
'api' ||
'api' ||
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
.monitor
.type ===
'server-monitor' ||
'server-monitor' ||
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
.monitor
.type ===
'incomingHttpRequest' ||
'incomingHttpRequest' ||
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
.monitor
.type ===
'kubernetes' ||
'kubernetes' ||
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
.monitor
.type ===
'ip' ||
'ip' ||
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
.monitor
.type ===
'script')
'script')
}
>
<div className="Box-root Margin-bottom--12">
@@ -949,50 +949,72 @@ class MonitorView extends React.Component {
{!this.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'requestingComponent' does not exist on t... Remove this comment to see the full error message
.requestingComponent && (
<>
<div>
<ThirdPartyVariables
monitor={
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
.monitor
}
componentId={
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'componentId' does not exist on type 'Rea... Remove this comment to see the full error message
.componentId
}
/>
</div>
<RenderIfSubProjectAdmin
subProjectId={
subProjectId
}
>
<ShouldRender
if={
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
.monitor &&
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
.monitor
.type &&
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
.monitor
.type !==
'manual'
<>
<div>
<ThirdPartyVariables
monitor={
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
.monitor
}
componentId={
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'componentId' does not exist on type 'Rea... Remove this comment to see the full error message
.componentId
}
/>
</div>
<RenderIfSubProjectAdmin
subProjectId={
subProjectId
}
>
<ShouldRender
if={
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
.monitor &&
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
.monitor
.type &&
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
.monitor
.type !==
'manual'
}
>
<div className="Box-root Margin-bottom--12">
<MonitorViewDisableBox
// @ts-expect-error ts-migrate(2322) FIXME: Type '{ componentId: any; monitor: any; tabSelecte... Remove this comment to see the full error message
componentId={
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'componentId' does not exist on type 'Rea... Remove this comment to see the full error message
.componentId
}
monitor={
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
.monitor
}
tabSelected={
this
.tabSelected
}
/>
</div>
</ShouldRender>
<div className="Box-root Margin-bottom--12">
<MonitorViewDisableBox
// @ts-expect-error ts-migrate(2322) FIXME: Type '{ componentId: any; monitor: any; tabSelecte... Remove this comment to see the full error message
// @ts-expect-error ts-migrate(2604) FIXME: JSX element type 'MonitorViewChangeComponentBox' d... Remove this comment to see the full error message
<MonitorViewChangeComponentBox
componentId={
this
.props
@@ -1005,61 +1027,39 @@ class MonitorView extends React.Component {
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
.monitor
}
tabSelected={
/>
</div>
<div className="Box-root Margin-bottom--12">
<MonitorViewDeleteBox
// @ts-expect-error ts-migrate(2322) FIXME: Type '{ componentId: any; monitor: any; componentS... Remove this comment to see the full error message
componentId={
this
.tabSelected
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'componentId' does not exist on type 'Rea... Remove this comment to see the full error message
.componentId
}
monitor={
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
.monitor
}
componentSlug={
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'component' does not exist on type 'Reado... Remove this comment to see the full error message
.component &&
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'component' does not exist on type 'Reado... Remove this comment to see the full error message
.component
.slug
}
/>
</div>
</ShouldRender>
<div className="Box-root Margin-bottom--12">
// @ts-expect-error ts-migrate(2604) FIXME: JSX element type 'MonitorViewChangeComponentBox' d... Remove this comment to see the full error message
<MonitorViewChangeComponentBox
componentId={
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'componentId' does not exist on type 'Rea... Remove this comment to see the full error message
.componentId
}
monitor={
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
.monitor
}
/>
</div>
<div className="Box-root Margin-bottom--12">
<MonitorViewDeleteBox
// @ts-expect-error ts-migrate(2322) FIXME: Type '{ componentId: any; monitor: any; componentS... Remove this comment to see the full error message
componentId={
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'componentId' does not exist on type 'Rea... Remove this comment to see the full error message
.componentId
}
monitor={
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'monitor' does not exist on type 'Readonl... Remove this comment to see the full error message
.monitor
}
componentSlug={
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'component' does not exist on type 'Reado... Remove this comment to see the full error message
.component &&
this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'component' does not exist on type 'Reado... Remove this comment to see the full error message
.component
.slug
}
/>
</div>
</RenderIfSubProjectAdmin>
</>
)}
</RenderIfSubProjectAdmin>
</>
)}
</Fade>
</TabPanel>
</Fragment>
@@ -1238,10 +1238,10 @@ const mapStateToProps = (state: $TSFixMe, props: $TSFixMe) => {
index < monitorUpCriteriaCount
? 'up'
: index <
monitorUpCriteriaCount +
monitorDegradedCriteriaCount
? 'degraded'
: 'down';
monitorUpCriteriaCount +
monitorDegradedCriteriaCount
? 'degraded'
: 'down';
const id = criterion._id;
const criterionBodyField = mapCriteria(criterion);

28
dashboard/src/pages/OnCall.tsx
View File

@@ -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 {
fetchProjectSchedule,
fetchSubProjectSchedules,
@@ -108,7 +108,7 @@ export class OnCall extends Component {
const { subProjectSchedules, pages } = this.props;
const canPaginateForward = subProjectSchedules.data
? subProjectSchedules.data.length >=
(pages.counter + 1) * schedulesPerPage
(pages.counter + 1) * schedulesPerPage
: null;
const canPaginateBackward = pages.counter > 1;
switch (e.key) {
@@ -301,12 +301,12 @@ const mapStateToProps = (state: $TSFixMe) => {
projectSchedule = projectSchedule
? projectSchedule
: {
_id: currentProjectId,
schedules: [],
count: 0,
skip: 0,
limit: 10,
};
_id: currentProjectId,
schedules: [],
count: 0,
skip: 0,
limit: 10,
};
// find subproject schedules or assign default value
const subProjectSchedules =
@@ -318,12 +318,12 @@ const mapStateToProps = (state: $TSFixMe) => {
return schedule
? schedule
: {
_id: subProject._id,
schedules: [],
count: 0,
skip: 0,
limit: 10,
};
_id: subProject._id,
schedules: [],
count: 0,
skip: 0,
limit: 10,
};
});
subProjectSchedules && subProjectSchedules.unshift(projectSchedule);

4
dashboard/src/pages/OneUptimeApi.tsx
View File

@@ -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 BreadCrumbItem from '../components/breadCrumb/BreadCrumbItem';
import getParentRoute from '../utils/getParentRoute';
import PropTypes from 'prop-types';
@@ -40,7 +40,7 @@ class OneUptimeApi extends Component {
<div id="oneuptimeApi" className="db-BackboneViewContainer">
<div className="react-settings-view react-view">
<RenderIfOwner>
// @ts-expect-error ts-migrate(2741) FIXME: Property 'currentProjectId' is missing in type '{ ... Remove this comment to see the full error message
// @ts-expect-error ts-migrate(2741) FIXME: Property 'currentProjectId' is missing in type '{...Remove this comment to see the full error message
<TutorialBox type="api" />
<APISettings />
</RenderIfOwner>

2
dashboard/src/pages/PerformanceTracker.tsx
View File

@@ -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 { connect } from 'react-redux';

2
dashboard/src/pages/PerformanceTrackerView.tsx
View File

@@ -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 PropTypes from 'prop-types';
import { bindActionCreators } from 'redux';

2
dashboard/src/pages/Probe.tsx
View File

@@ -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 ProbeList from '../components/probe/ProbeList';
import { getProbes } from '../actions/probe';
import BreadCrumbItem from '../components/breadCrumb/BreadCrumbItem';

2
dashboard/src/pages/Profile.tsx
View File

@@ -1,6 +1,6 @@
import React 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 ProfileSetting from '../components/profileSettings/Profile';
import BreadCrumbItem from '../components/breadCrumb/BreadCrumbItem';
import BreadCrumbs from '../components/breadCrumb/BreadCrumbs';

2
dashboard/src/pages/ProfileBilling.tsx
View File

@@ -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 Invoice from '../components/invoice/Invoice';
import PaymentCard from '../components/paymentCard/PaymentCard';

2
dashboard/src/pages/Reports.tsx
View File

@@ -3,7 +3,7 @@ import { connect } from 'react-redux';
import PropTypes from 'prop-types';
import moment from 'moment';
// @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 Members from '../components/reports/Members';
import Monitors from '../components/reports/Monitors';
import Incidents from '../components/reports/Incidents';

2
dashboard/src/pages/Resources.tsx
View File

@@ -3,7 +3,7 @@ import { connect } from 'react-redux';
// @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';
// @ts-expect-error ts-migrate(2613) FIXME: Module '"/home/nawazdhandala/Projects/OneUptime/ap... Remove this comment to see the full error message
import ResourceCategories from '../components/settings/ResourceCategories';

20
dashboard/src/pages/Schedule.tsx
View File

@@ -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 DeleteBox from '../components/schedule/DeleteBox';
import MonitorBox from '../components/schedule/MonitorBox';
import RenameScheduleBox from '../components/schedule/RenameScheduleBox';
@@ -185,15 +185,15 @@ class Schedule extends Component {
{(editSchedule ||
escalations.length ===
0) && (
<OnCallAlertBox
afterSave={() => {
this.setState({
editSchedule: false,
});
}}
/>
)}
0) && (
<OnCallAlertBox
afterSave={() => {
this.setState({
editSchedule: false,
});
}}
/>
)}
<RenderIfSubProjectAdmin
subProjectId={subProjectId}

6
dashboard/src/pages/ScheduledEvent.tsx
View File

@@ -1,7 +1,7 @@
import React, { Component } from 'react';
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 ScheduledEventBox from '../components/scheduledEvent/ScheduledEvent';
import BreadCrumbItem from '../components/breadCrumb/BreadCrumbItem';
@@ -34,10 +34,10 @@ class ScheduledEvent extends Component {
route={pathname}
name="Scheduled Maintenance Event"
pageTitle="Scheduled Event Detail"
// containerType="Scheduled Maintenance Event"
// containerType="Scheduled Maintenance Event"
/>
<div id="scheduleEventsPage">
// @ts-expect-error ts-migrate(2322) FIXME: Type '{ projectId: any; }' is not assignable to ty... Remove this comment to see the full error message
// @ts-expect-error ts-migrate(2322) FIXME: Type '{projectId: any; }' is not assignable to ty... Remove this comment to see the full error message
<ScheduledEventBox projectId={this.props.projectId} />
</div>
<ShouldRender

2
dashboard/src/pages/ScheduledEventDetail.tsx
View File

@@ -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 BreadCrumbItem from '../components/breadCrumb/BreadCrumbItem';
import {
fetchscheduledEvent,

2
dashboard/src/pages/Settings.tsx
View File

@@ -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 ProjectSettings from '../components/settings/ProjectSettings';
import SubProjects from '../components/settings/SubProjects';
import RenderIfMember from '../components/basic/RenderIfMember';

2
dashboard/src/pages/SmsTemplates.tsx
View File

@@ -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 SmsTemplatesBox from '../components/smsTemplates/SmsTemplatesBox';
import SmsSmtpBox from '../components/smsTemplates/SmsSmtpBox';

6
dashboard/src/pages/Sso.tsx
View File

@@ -3,7 +3,7 @@ import { connect } from 'react-redux';
// @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 { User, PricingPlan } from '../config';
import BreadCrumbItem from '../components/breadCrumb/BreadCrumbItem';
@@ -18,7 +18,7 @@ class SsoPage extends Component {
const isScalePlan = currentProject?.stripePlanId
// @ts-expect-error ts-migrate(2532) FIXME: Object is possibly 'undefined'.
? PricingPlan.getPlanById(currentProject.stripePlanId).category ===
'Scale'
'Scale'
: false;
if (!isScalePlan) {
history.push(`/dashboard/project/${currentProject.slug}`);
@@ -51,7 +51,7 @@ class SsoPage extends Component {
name="Project Settings"
/>
<BreadCrumbItem route={pathname} name="Sso" />
// @ts-expect-error ts-migrate(2322) FIXME: Type '{ projectId: any; }' is not assignable to ty... Remove this comment to see the full error message
// @ts-expect-error ts-migrate(2322) FIXME: Type '{projectId: any; }' is not assignable to ty... Remove this comment to see the full error message
<Sso projectId={projectId} />
</Fade>
);

24
dashboard/src/pages/StatusPage.tsx
View File

@@ -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 Setting from '../components/status-page/Setting';
import Basic from '../components/status-page/Basic';
@@ -411,10 +411,10 @@ class StatusPage extends Component {
>
<div className="Box-root Margin-bottom--12">
{status &&
status.isGroupedByMonitorCategory ? (
status.isGroupedByMonitorCategory ? (
!loadingCategories &&
allStatusPageCategories &&
allStatusPageCategories.length >
allStatusPageCategories &&
allStatusPageCategories.length >
0 ? (
allStatusPageCategories.map(
(category: $TSFixMe) => <MonitorsWithCategory
@@ -467,7 +467,7 @@ class StatusPage extends Component {
!loadingCategories &&
allStatusPageCategories &&
allStatusPageCategories.length >
0 && (
0 && (
<div className="bs-ContentSection Card-root Card-shadow--medium bs-ContentSection-footer bs-ContentSection-content Box-root Box-background--white Flex-flex Flex-alignItems--center Flex-justifyContent--spaceBetween Padding-horizontal--20 Padding-vertical--12">
<span className="db-SettingsForm-footerMessage"></span>
<div
@@ -554,19 +554,19 @@ class StatusPage extends Component {
.statusPage
.monitors
.requesting && (
<span>
Save
Changes{' '}
</span>
)}
<span>
Save
Changes{' '}
</span>
)}
{this
.props
// @ts-expect-error ts-migrate(2339) FIXME: Property 'statusPage' does not exist on type 'Read... Remove this comment to see the full error message
.statusPage
.monitors
.requesting && (
<FormLoader />
)}
<FormLoader />
)}
</button>
</div>
</div>

2
dashboard/src/pages/StatusPages.tsx
View File

@@ -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';

12
dashboard/src/pages/TeamMemberProfile.tsx
View File

@@ -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({
<div className="bs-ContentSection-content Box-root Box-background--offset Box-divider--surface-bottom-1 Padding-horizontal--8 Padding-vertical--2">
<div>
{!requesting &&
teamMember &&
!error ? (
teamMember &&
!error ? (
<div className="bs-Fieldset-wrapper Box-root Margin-bottom--2">
<fieldset className="bs-Fieldset">
<div className="bs-Fieldset-rows">
@@ -151,7 +151,7 @@ function TeamMemberProfile({
if={
teamMember.email &&
teamMember.email !==
'undefined'
'undefined'
}
>
<div className="bs-Fieldset-row">
@@ -183,7 +183,7 @@ function TeamMemberProfile({
if={
teamMember.companyPhoneNumber &&
teamMember.companyPhoneNumber !==
'undefined'
'undefined'
}
>
<div className="bs-Fieldset-row">
@@ -228,7 +228,7 @@ function TeamMemberProfile({
if={
teamMember.timezone &&
teamMember.timezone !==
'undefined'
'undefined'
}
>
<div className="bs-Fieldset-row">

8
dashboard/src/pages/TeamMembers.tsx
View File

@@ -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
}

2
dashboard/src/pages/WebhookSettings.tsx
View File

@@ -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';

12
dashboard/src/pages/WebsiteMonitorIssues.tsx
View File

@@ -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
}
>
<WebsiteIssuesBox
@@ -416,8 +416,8 @@ class WebsiteMonitorIssues extends React.Component {
const monitorName = monitor ? monitor.name : null;
const url =
monitorState &&
monitorState.monitorIssue &&
monitorState.monitorIssue.url
monitorState.monitorIssue &&
monitorState.monitorIssue.url
? monitorState.monitorIssue.url
: 'URL';

2
dashboard/src/pages/base/index.tsx
View File

@@ -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 PropTypes from 'prop-types';
import ShouldRender from '../../components/basic/ShouldRender';
import TutorialBox from '../../components/tutorial/TutorialBox';