-
Notifications
You must be signed in to change notification settings - Fork 239
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
refactor: improve code formatting and consistency across various comp…
…onents
- Loading branch information
Showing
19 changed files
with
370 additions
and
75 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
86 changes: 86 additions & 0 deletions
86
Dashboard/src/Pages/Alerts/WorkspaceConnectionMicrosoftTeams.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,86 @@ | ||
| import WorkspaceType from "Common/Types/Workspace/WorkspaceType"; | ||
| import WorkspaceNotificationRuleTable from "../../Components/Workspace/WorkspaceNotificationRulesTable"; | ||
| import PageComponentProps from "../PageComponentProps"; | ||
| import React, { FunctionComponent, ReactElement } from "react"; | ||
| import NotificationRuleEventType from "Common/Types/Workspace/NotificationRules/EventType"; | ||
| import WorkspaceUtil from "../../Utils/Workspace/Workspace"; | ||
| import API from "Common/UI/Utils/API/API"; | ||
| import Exception from "Common/Types/Exception/Exception"; | ||
| import PageLoader from "Common/UI/Components/Loader/PageLoader"; | ||
| import ErrorMessage from "Common/UI/Components/ErrorMessage/ErrorMessage"; | ||
| import EmptyState from "Common/UI/Components/EmptyState/EmptyState"; | ||
| import IconProp from "Common/Types/Icon/IconProp"; | ||
| import { PromiseVoidFunction } from "Common/Types/FunctionTypes"; | ||
| import ComingSoon from "Common/UI/Components/ComingSoon/ComingSoon"; | ||
|
|
||
| const IncidentsPage: FunctionComponent< | ||
| PageComponentProps | ||
| > = (): ReactElement => { | ||
| const [isMicrosoftTeamsConnected, setIsMicrosoftTeamsConnected] = | ||
| React.useState<boolean>(false); | ||
| const [isLoading, setIsLoading] = React.useState<boolean>(false); | ||
| const [error, setError] = React.useState<string | null>(null); | ||
|
|
||
| const [showComingSoon, setShowComingSoon] = React.useState<boolean>(false); | ||
|
|
||
| const loadItems: PromiseVoidFunction = async (): Promise<void> => { | ||
| setShowComingSoon(true); | ||
| try { | ||
| setError(null); | ||
| setIsLoading(true); | ||
| const isMicrosoftTeamsConnected: boolean = await WorkspaceUtil.isWorkspaceConnected( | ||
| WorkspaceType.MicrosoftTeams, | ||
| ); | ||
|
|
||
| setIsMicrosoftTeamsConnected(isMicrosoftTeamsConnected); | ||
| setIsLoading(false); | ||
| } catch (error) { | ||
| setIsLoading(false); | ||
| setError(API.getFriendlyErrorMessage(error as Exception)); | ||
| } | ||
| }; | ||
|
|
||
| React.useEffect(() => { | ||
| loadItems().catch(() => { | ||
| // Do nothing | ||
| }); | ||
| }, []); | ||
|
|
||
| if (isLoading) { | ||
| return <PageLoader isVisible={true} />; | ||
| } | ||
|
|
||
| if (error) { | ||
| return <ErrorMessage message={error} />; | ||
| } | ||
|
|
||
| if(showComingSoon){ | ||
| return <ComingSoon | ||
| title="Microsoft Teams Integration is coming soon, but you can still integrate with Workflows!" | ||
| description="We are working hard to bring you the Microsoft Teams integration. In the meantime, you can still integrate with Workflows to receive alerts in Microsoft Teams. Please click on Workflows in the top navigation to get started." | ||
| /> | ||
| } | ||
|
|
||
| return ( | ||
| <div> | ||
| {isMicrosoftTeamsConnected && ( | ||
| <WorkspaceNotificationRuleTable | ||
| workspaceType={WorkspaceType.MicrosoftTeams} | ||
| eventType={NotificationRuleEventType.Alert} | ||
| /> | ||
| )} | ||
| {!isMicrosoftTeamsConnected && ( | ||
| <div> | ||
| <EmptyState | ||
| id="MicrosoftTeams-connection" | ||
| icon={IconProp.MicrosoftTeams} | ||
| title="MicrosoftTeams is not connected yet!" | ||
| description="Connect your Microsoft Teams workspace to receive alert notifications. Please go to Project Settings > Workspace Connections > Microsoft Teams to connect your workspace." | ||
| /> | ||
| </div> | ||
| )} | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default IncidentsPage; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
86 changes: 86 additions & 0 deletions
86
Dashboard/src/Pages/Incidents/WorkspaceConnectionMicrosoftTeams.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,86 @@ | ||
| import WorkspaceType from "Common/Types/Workspace/WorkspaceType"; | ||
| import WorkspaceNotificationRuleTable from "../../Components/Workspace/WorkspaceNotificationRulesTable"; | ||
| import PageComponentProps from "../PageComponentProps"; | ||
| import React, { FunctionComponent, ReactElement } from "react"; | ||
| import NotificationRuleEventType from "Common/Types/Workspace/NotificationRules/EventType"; | ||
| import WorkspaceUtil from "../../Utils/Workspace/Workspace"; | ||
| import API from "Common/UI/Utils/API/API"; | ||
| import Exception from "Common/Types/Exception/Exception"; | ||
| import PageLoader from "Common/UI/Components/Loader/PageLoader"; | ||
| import ErrorMessage from "Common/UI/Components/ErrorMessage/ErrorMessage"; | ||
| import EmptyState from "Common/UI/Components/EmptyState/EmptyState"; | ||
| import IconProp from "Common/Types/Icon/IconProp"; | ||
| import { PromiseVoidFunction } from "Common/Types/FunctionTypes"; | ||
| import ComingSoon from "Common/UI/Components/ComingSoon/ComingSoon"; | ||
|
|
||
| const IncidentsPage: FunctionComponent< | ||
| PageComponentProps | ||
| > = (): ReactElement => { | ||
| const [isMicrosoftTeamsConnected, setIsMicrosoftTeamsConnected] = | ||
| React.useState<boolean>(false); | ||
| const [isLoading, setIsLoading] = React.useState<boolean>(false); | ||
| const [error, setError] = React.useState<string | null>(null); | ||
|
|
||
| const [showComingSoon, setShowComingSoon] = React.useState<boolean>(false); | ||
|
|
||
| const loadItems: PromiseVoidFunction = async (): Promise<void> => { | ||
| setShowComingSoon(true); | ||
| try { | ||
| setError(null); | ||
| setIsLoading(true); | ||
| const isMicrosoftTeamsConnected: boolean = await WorkspaceUtil.isWorkspaceConnected( | ||
| WorkspaceType.MicrosoftTeams, | ||
| ); | ||
|
|
||
| setIsMicrosoftTeamsConnected(isMicrosoftTeamsConnected); | ||
| setIsLoading(false); | ||
| } catch (error) { | ||
| setIsLoading(false); | ||
| setError(API.getFriendlyErrorMessage(error as Exception)); | ||
| } | ||
| }; | ||
|
|
||
| React.useEffect(() => { | ||
| loadItems().catch(() => { | ||
| // Do nothing | ||
| }); | ||
| }, []); | ||
|
|
||
| if (isLoading) { | ||
| return <PageLoader isVisible={true} />; | ||
| } | ||
|
|
||
| if (error) { | ||
| return <ErrorMessage message={error} />; | ||
| } | ||
|
|
||
| if(showComingSoon){ | ||
| return <ComingSoon | ||
| title="Microsoft Teams Integration is coming soon, but you can still integrate with Workflows!" | ||
| description="We are working hard to bring you the Microsoft Teams integration. In the meantime, you can still integrate with Workflows to receive incidents in Microsoft Teams. Please click on Workflows in the top navigation to get started." | ||
| /> | ||
| } | ||
|
|
||
| return ( | ||
| <div> | ||
| {isMicrosoftTeamsConnected && ( | ||
| <WorkspaceNotificationRuleTable | ||
| workspaceType={WorkspaceType.MicrosoftTeams} | ||
| eventType={NotificationRuleEventType.Incident} | ||
| /> | ||
| )} | ||
| {!isMicrosoftTeamsConnected && ( | ||
| <div> | ||
| <EmptyState | ||
| id="MicrosoftTeams-connection" | ||
| icon={IconProp.MicrosoftTeams} | ||
| title="MicrosoftTeams is not connected yet!" | ||
| description="Connect your Microsoft Teams workspace to receive alert notifications. Please go to Project Settings > Workspace Connections > Microsoft Teams to connect your workspace." | ||
| /> | ||
| </div> | ||
| )} | ||
| </div> | ||
| ); | ||
| }; | ||
|
|
||
| export default IncidentsPage; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.