AWS bedrock added

Author: aanchalakto

apps/dashboard/web/polaris_web/web/src/apps/dashboard/pages/quick_start/components/AIAgentConnectorImport.jsx

@@ -3,6 +3,7 @@ import React, { useState } from 'react';
 import api from '../api';
 import func from "@/util/func";
 import PasswordTextField from '../../../components/layouts/PasswordTextField';
+import GoToDocsButton from './shared/GoToDocsButton';
 
 /**
  * Common component for AI Agent Connector imports (N8N, Langchain, Copilot Studio)
@@ -21,9 +22,6 @@ const AIAgentConnectorImport = ({
         fields.reduce((acc, field) => ({ ...acc, [field.name]: '' }), {})
     );
 
-    const goToDocs = () => {
-        window.open(docsUrl);
-    };
 
     const validateForm = () => {
         for (const field of fields) {
@@ -127,7 +125,7 @@ const AIAgentConnectorImport = ({
                     >
                         Import
                     </Button>
-                    <Button onClick={goToDocs}>Go to docs</Button>
+                    <GoToDocsButton docsUrl={docsUrl} />
                 </ButtonGroup>
             </VerticalStack>
         </div>

apps/dashboard/web/polaris_web/web/src/apps/dashboard/pages/quick_start/components/NewConnection.jsx

@@ -5,6 +5,7 @@ import DropdownSearch from '../../../components/shared/DropdownSearch'
 import SearchField from "../../../components/shared/SearchField"
 import "../QuickStart.css"
 import PersistStore from '../../../../main/PersistStore'
+import GoToDocsButton from './shared/GoToDocsButton'
 
 function NewConnection() {
 
@@ -49,11 +50,6 @@ function NewConnection() {
         setTasksCompleted(2)
     }
 
-    const openDocs = (docsUrl) => {
-        if(docsUrl && docsUrl.length > 0){
-            window.open(docsUrl)
-        }
-    }
 
     const setConnector = (label) => {
         let obj = connectorsList.find(element => element.label === label)
@@ -75,13 +71,9 @@ function NewConnection() {
                         {badge && badge.length > 0 ? <Badge size='small' status='info'>{badge}</Badge> : null}
                     </Text>
                     <div className='see-docs'>
-                    <Button plain onClick={(event) => { 
-                            event.stopPropagation(); 
-                            openDocs(docsUrl); 
-                        }}    
-                    >
-                        Go to docs
-                    </Button>
+                        <div onClick={(event) => event.stopPropagation()}>
+                            <GoToDocsButton docsUrl={docsUrl} variant='plain' />
+                        </div>
                     </div>
                 </div>
                 <Text variant='bodySm' color="subdued">{text}</Text>

apps/dashboard/web/polaris_web/web/src/apps/dashboard/pages/quick_start/components/SimpleDocsComponent.jsx

@@ -1,4 +1,5 @@
-import { VerticalStack, Button, Text, Divider } from '@shopify/polaris'
+import { VerticalStack, Text, Divider } from '@shopify/polaris'
+import GoToDocsButton from './shared/GoToDocsButton'
 
 function SimpleDocsComponent({description, docsUrl}) {
 
@@ -9,15 +10,7 @@ function SimpleDocsComponent({description, docsUrl}) {
                     {description}
                 </Text>
                 <Divider />
-                <div style={{width: '50%'}}>
-                    <Button outline onClick={
-                        () => {
-                        window.open(docsUrl, "_blank");
-                    }
-                    }>
-                    Go to docs
-                    </Button>
-                </div>
+                <GoToDocsButton docsUrl={docsUrl} width='50%' />
             </VerticalStack>
         </div>
   )

apps/dashboard/web/polaris_web/web/src/apps/dashboard/pages/quick_start/components/shared/GoToDocsButton.jsx

@@ -0,0 +1,33 @@
+import { Button } from '@shopify/polaris'
+
+function GoToDocsButton({ docsUrl, variant = 'outline', size, width, ...props }) {
+    
+    const openDocs = () => {
+        if(docsUrl && docsUrl.length > 0){
+            window.open(docsUrl, "_blank");
+        }
+    }
+
+    const buttonContent = (
+        <Button 
+            {...(variant === 'plain' ? { plain: true } : { outline: true })}
+            onClick={openDocs}
+            size={size}
+            {...props}
+        >
+            Go to docs
+        </Button>
+    )
+
+    if (width) {
+        return (
+            <div style={{width}}>
+                {buttonContent}
+            </div>
+        )
+    }
+
+    return buttonContent
+}
+
+export default GoToDocsButton