AWS bedrock added

Author: aanchalakto

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

@@ -3,7 +3,6 @@ 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)
@@ -77,6 +76,10 @@ const AIAgentConnectorImport = ({
         return fields.every(field => formData[field.name]?.length > 0);
     };
 
+    const goToDocs = () => {
+        window.open(docsUrl);
+    };
+
     const updateField = (fieldName, value) => {
         setFormData(prev => ({ ...prev, [fieldName]: value }));
     };
@@ -125,7 +128,7 @@ const AIAgentConnectorImport = ({
                     >
                         Import
                     </Button>
-                    <GoToDocsButton docsUrl={docsUrl} />
+                    <Button onClick={goToDocs}>Go to docs</Button>
                 </ButtonGroup>
             </VerticalStack>
         </div>

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

@@ -5,7 +5,6 @@ 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() {
 
@@ -51,6 +50,12 @@ function NewConnection() {
     }
 
 
+    const openDocs = (docsUrl) => {
+        if(docsUrl && docsUrl.length > 0){
+            window.open(docsUrl)
+        }
+    }
+
     const setConnector = (label) => {
         let obj = connectorsList.find(element => element.label === label)
         setConnectors(obj)
@@ -71,9 +76,13 @@ function NewConnection() {
                         {badge && badge.length > 0 ? <Badge size='small' status='info'>{badge}</Badge> : null}
                     </Text>
                     <div className='see-docs'>
-                        <div onClick={(event) => event.stopPropagation()}>
-                            <GoToDocsButton docsUrl={docsUrl} variant='plain' />
-                        </div>
+                    <Button plain onClick={(event) => { 
+                            event.stopPropagation(); 
+                            openDocs(docsUrl); 
+                        }}    
+                    >
+                        Go to docs
+                    </Button>
                     </div>
                 </div>
                 <Text variant='bodySm' color="subdued">{text}</Text>

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

@@ -11,7 +11,6 @@ import OpenApiSource from "./components/OpenApiSource"
 import ApiInventoryFromSourceCode from "./components/ApiInventoryFromSourceCode"
 import func from "@/util/func"
 import AddOnComponenet from "./components/shared/AddOnComponenet"
-import SimpleDocsComponent from "./components/SimpleDocsComponent"
 import BitBucketSource from "./components/BitBucketSource"
 import GithubSource from "./components/GithubSource"
 import AktoJax from "./components/AktoJax"  
@@ -361,9 +360,9 @@ const awsBedrockObj = {
     text: "Import your AWS Bedrock AI agents, seamlessly into AKTO.",
     docsUrl: 'https://docs.akto.io/aws-bedrock-agents',
     key: "AWS_BEDROCK",
-    component : <SimpleDocsComponent 
-        description="Import your AWS Bedrock AI agents, seamlessly in AKTO."
-        docsUrl="https://docs.akto.io/aws-bedrock-agents"
+    component : <BannerComponent 
+        content="Import your AWS Bedrock AI agents, seamlessly in AKTO."
+        docsUrl='https://docs.akto.io/aws-bedrock-agents'
     />
 }