From 3582aeeea6bc980a7d2c719595f6e2fde200771b Mon Sep 17 00:00:00 2001
From: Derek Ho <dxho@amazon.com>
Date: Wed, 11 Oct 2023 14:17:55 -0400
Subject: [PATCH 1/2] Add callout and modify content for S3 datasource

Signed-off-by: Derek Ho <dxho@amazon.com>
---
 .../components/new/configure_s3_datasource.tsx       | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/public/components/datasources/components/new/configure_s3_datasource.tsx b/public/components/datasources/components/new/configure_s3_datasource.tsx
index f35cc4d7d5..91532a843c 100644
--- a/public/components/datasources/components/new/configure_s3_datasource.tsx
+++ b/public/components/datasources/components/new/configure_s3_datasource.tsx
@@ -13,6 +13,7 @@ import {
   EuiFieldText,
   EuiTextArea,
   EuiSelect,
+  EuiCallOut,
 } from '@elastic/eui';
 import React, { useState } from 'react';
 import {
@@ -87,11 +88,20 @@ export const ConfigureS3Datasource = (props: ConfigureS3DatasourceProps) => {
         </EuiTitle>
         <EuiSpacer size="s" />
         <EuiText size="s" color="subdued">
-          {`Connect to S3 with OpenSearch and OpenSearch Dashboards. `}
+          {`Connect to Amazon S3 via AWS Glue with Amazon EMR as an execution engine. `}
           <EuiLink external={true} href={OPENSEARCH_DOCUMENTATION_URL} target="blank">
             Learn more
           </EuiLink>
         </EuiText>
+        <EuiSpacer size="s" />
+        <EuiCallOut title="Setup Amazon EMR as execution engine first" iconType="iInCircle">
+          <EuiText size="s" color="subdued">
+            {`Connect to Amazon S3 via AWS Glue with Amazon EMR as an execution engine. `}
+            <EuiLink external={true} href={OPENSEARCH_DOCUMENTATION_URL} target="blank">
+              Learn more
+            </EuiLink>
+          </EuiText>
+        </EuiCallOut>
         <EuiSpacer />
         <EuiText>
           <h3>Data source details</h3>

From 7a7fdeef425247ec1e1b3ac34107456a0bbe6c50 Mon Sep 17 00:00:00 2001
From: Derek Ho <dxho@amazon.com>
Date: Wed, 11 Oct 2023 14:46:10 -0400
Subject: [PATCH 2/2] Update s3 documentation

Signed-off-by: Derek Ho <dxho@amazon.com>
---
 common/constants/data_connections.ts                        | 3 +++
 .../datasources/components/new/configure_s3_datasource.tsx  | 6 +++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/common/constants/data_connections.ts b/common/constants/data_connections.ts
index 04aac36ed6..a0862e6463 100644
--- a/common/constants/data_connections.ts
+++ b/common/constants/data_connections.ts
@@ -8,6 +8,9 @@ import { DatasourceType } from '../../common/types/data_connections';
 export const OPENSEARCH_DOCUMENTATION_URL =
   'https://opensearch.org/docs/latest/dashboards/management/data-sources/';
 
+export const OPENSEARCH_S3_DOCUMENTATION_URL =
+  'https://opensearch.org/docs/latest/dashboards/management/S3-data-source/';
+
 export const OPENSEARCH_ACC_DOCUMENTATION_URL =
   'https://opensearch.org/docs/latest/data-acceleration/index';
 export const QUERY_RESTRICTED = 'query-restricted';
diff --git a/public/components/datasources/components/new/configure_s3_datasource.tsx b/public/components/datasources/components/new/configure_s3_datasource.tsx
index 91532a843c..344252d4a0 100644
--- a/public/components/datasources/components/new/configure_s3_datasource.tsx
+++ b/public/components/datasources/components/new/configure_s3_datasource.tsx
@@ -18,7 +18,7 @@ import {
 import React, { useState } from 'react';
 import {
   AuthMethod,
-  OPENSEARCH_DOCUMENTATION_URL,
+  OPENSEARCH_S3_DOCUMENTATION_URL,
 } from '../../../../../common/constants/data_connections';
 import { QueryPermissionsConfiguration } from './query_permissions';
 import { Role } from '../../../../../common/types/data_connections';
@@ -89,7 +89,7 @@ export const ConfigureS3Datasource = (props: ConfigureS3DatasourceProps) => {
         <EuiSpacer size="s" />
         <EuiText size="s" color="subdued">
           {`Connect to Amazon S3 via AWS Glue with Amazon EMR as an execution engine. `}
-          <EuiLink external={true} href={OPENSEARCH_DOCUMENTATION_URL} target="blank">
+          <EuiLink external={true} href={OPENSEARCH_S3_DOCUMENTATION_URL} target="blank">
             Learn more
           </EuiLink>
         </EuiText>
@@ -97,7 +97,7 @@ export const ConfigureS3Datasource = (props: ConfigureS3DatasourceProps) => {
         <EuiCallOut title="Setup Amazon EMR as execution engine first" iconType="iInCircle">
           <EuiText size="s" color="subdued">
             {`Connect to Amazon S3 via AWS Glue with Amazon EMR as an execution engine. `}
-            <EuiLink external={true} href={OPENSEARCH_DOCUMENTATION_URL} target="blank">
+            <EuiLink external={true} href={OPENSEARCH_S3_DOCUMENTATION_URL} target="blank">
               Learn more
             </EuiLink>
           </EuiText>