mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2025-12-20 01:11:25 +00:00
c07000a5c2
* Safety checkin * Adding vcoremongo to Main * Safety checkin * Adding vcoremongo to Main * Safety commit * Safety checkin * Adding vcoremongo to Main * Safety commit * Integrating mongo shell * Safety checkin * Adding vcoremongo to Main * Safety commit * Integrating mongo shell * Safety checkin * Safety commit * Enable mongo shell in its own tab * Safety checkin * Adding vcoremongo to Main * Safety commit * Integrating mongo shell * Safety checkin * Safety commit * Safety commit * Integrating mongo shell * Safety checkin * Safety commit * Enable mongo shell in its own tab * Adding message * Integrated mongo shell * Moving Juno endpoint back to prod * Fixed command bar unit tests * Fixing spelling
29 lines
1.0 KiB
TypeScript
29 lines
1.0 KiB
TypeScript
import { Image, PrimaryButton, Stack, Text } from "@fluentui/react";
|
|
import { sendMessage } from "Common/MessageHandler";
|
|
import { MessageTypes } from "Contracts/ExplorerContracts";
|
|
import React from "react";
|
|
|
|
export interface QuickstartFirewallNotificationProps {
|
|
shellName: string;
|
|
screenshot: string;
|
|
messageType: MessageTypes;
|
|
}
|
|
|
|
export const QuickstartFirewallNotification: React.FC<QuickstartFirewallNotificationProps> = ({
|
|
shellName,
|
|
screenshot,
|
|
messageType,
|
|
}: QuickstartFirewallNotificationProps): JSX.Element => (
|
|
<Stack style={{ padding: "16px 20px" }}>
|
|
<Text block>
|
|
To use the {shellName} shell, you need to add a firewall rule to allow access from all IP addresses
|
|
(0.0.0.0-255.255.255).
|
|
</Text>
|
|
<Text block>We strongly recommend removing this rule once you finish using the {shellName} shell.</Text>
|
|
<Image style={{ margin: "20px 0" }} src={screenshot} />
|
|
<PrimaryButton style={{ width: 150 }} onClick={() => sendMessage({ type: messageType })}>
|
|
Add firewall rule
|
|
</PrimaryButton>
|
|
</Stack>
|
|
);
|