PMM-12545 restore warning and remove comments

public/app/percona/settings/components/Platform/Connect/Connect.tsx

@@ -15,6 +15,7 @@ import { ConnectRenderProps } from '../types';
 
 import { getStyles } from './Connect.styles';
 import { ConnectProps } from './Connect.types';
+import { PMMServerUrlWarning } from './PMMServerURLWarning/PMMServerUrlWarning';
 
 export const Connect: FC<ConnectProps> = ({ onConnect, connecting, initialValues }) => {
   const styles = useStyles2(getStyles);
@@ -64,7 +65,7 @@ export const Connect: FC<ConnectProps> = ({ onConnect, connecting, initialValues
             </Button>
           </a>
         </div>
-        {/* {showPMMAddressWarning && <PMMServerUrlWarning />} */}
+        {showPMMAddressWarning && <PMMServerUrlWarning />}
         <LoaderButton
           data-testid="connect-button"
           type="submit"

public/app/percona/settings/components/Platform/Connect/PMMServerURLWarning/PMMServerUrlWarning.messages.ts

@@ -0,0 +1,6 @@
+export const Messages = {
+  heading: 'PMM Public Address',
+  addressSet: (address: string) => `This will also set "Public Address" as ${address}. `,
+  editLater: 'If you need to set it differently or edit later, use ',
+  advancedSettings: 'Advanced Settings',
+};

public/app/percona/settings/components/Platform/Connect/PMMServerURLWarning/PMMServerUrlWarning.styles.ts

@@ -0,0 +1,12 @@
+import { css } from '@emotion/css';
+
+import { GrafanaTheme } from '@grafana/data';
+
+export const getStyles = ({ spacing }: GrafanaTheme) => ({
+  alert: css`
+    p {
+      margin-bottom: 0;
+    }
+    margin: ${spacing.md} 0;
+  `,
+});

public/app/percona/settings/components/Platform/Connect/PMMServerURLWarning/PMMServerUrlWarning.tsx

@@ -0,0 +1,22 @@
+import { cx } from '@emotion/css';
+import React, { FC } from 'react';
+import { Link } from 'react-router-dom';
+
+import { Card, useStyles } from '@grafana/ui';
+
+import { Messages } from './PMMServerUrlWarning.messages';
+import { getStyles } from './PMMServerUrlWarning.styles';
+
+export const PMMServerUrlWarning: FC<PMMServerUrlWarningProps> = ({ className }) => {
+  const styles = useStyles(getStyles);
+  return (
+    <Card className={cx(styles.alert, className)} data-testid="pmm-server-url-warning">
+      <Card.Heading>{Messages.heading}</Card.Heading>
+      <Card.Description>
+        {Messages.addressSet(window.location.host)}
+        {Messages.editLater}
+        <Link to="/settings/advanced-settings">{Messages.advancedSettings}</Link>.
+      </Card.Description>
+    </Card>
+  );
+};

public/app/percona/settings/components/Platform/Connect/PMMServerURLWarning/PMMServerUrlWarning.types.ts

@@ -0,0 +1,3 @@
+interface PMMServerUrlWarningProps {
+  className?: string;
+}

public/app/percona/tour/steps/product/product.steps.tsx

@@ -87,25 +87,6 @@ export const getProductTourSteps = (
         },
       ]
     : []),
-  // ...(isPmmAdmin && !!settings?.dbaasEnabled
-  //   ? [
-  //       {
-  //         selector: '.dropdown > [aria-label="DBaaS"]',
-  //         content: (
-  //           <SidebarStep title={Messages.dbaas.title}>
-  //             <p>{Messages.dbaas.feature}</p>
-  //             <p>{Messages.dbaas.techPreview}</p>
-  //             <p>{Messages.dbaas.benefits}</p>
-  //             <ul>
-  //               <li>{Messages.dbaas.singleInterface}</li>
-  //               <li>{Messages.dbaas.dbManagement}</li>
-  //               <li>{Messages.dbaas.automation}</li>
-  //             </ul>
-  //           </SidebarStep>
-  //         ),
-  //       },
-  //     ]
-  //   : []),
   ...(isPmmAdmin && !!settings?.backupEnabled
     ? [
         {