feat: MSK, MSK CONNECT and SES

packages/frontend/src/components/ApiGatewayRoutePanel.tsx

@@ -141,7 +141,7 @@ export function ApiGatewayRoutePanel({cloud, resource, runtimeReachable, runtime
                     <h3>Select a REST API</h3>
                     <p>Select an API Gateway REST API to connect a route to a Lambda function.</p>
                 </div>
-            </section>
+        </section>
         )
     }
 
@@ -158,6 +158,7 @@ export function ApiGatewayRoutePanel({cloud, resource, runtimeReachable, runtime
     const baseInvokeUrl = endpoint ? `${endpoint}/execute-api/${resource.id}/${stage}` : null
 
     return (
+        <div className="apigateway-workspace">
         <section className="table-panel">
             <div className="dynamic-stage-header">
                 <div>
@@ -165,14 +166,6 @@ export function ApiGatewayRoutePanel({cloud, resource, runtimeReachable, runtime
                     <h3><Link2 size={15}/> Connect Lambda</h3>
                     <p className="muted compact-text">Creates and deploys one Lambda proxy route to the selected REST API.</p>
                 </div>
-                {(testMutation.data || methodTestMutation.data) && functionName && (
-                    <LogsQueryPanel
-                        cloud={cloud}
-                        logGroupName={`/aws/lambda/${functionName}`}
-                        runtimeReachable={runtimeReachable}
-                        autoRunKey={logsRefreshKey}
-                    />
-                )}
                 {functionName && <a className="button" href={`/cloud-explorer/aws/logs?resource=${encodeURIComponent(`/aws/lambda/${functionName}`)}`}><ScrollText size={13}/> Open Lambda logs</a>}
             </div>
             <div className="resource-create-inline">
@@ -298,9 +291,10 @@ export function ApiGatewayRoutePanel({cloud, resource, runtimeReachable, runtime
                          })}
                      </div>
                  )}
-                 {corsProxyMethods.length > 0 && <ProxyCorsWarning methods={corsProxyMethods} origin={corsOrigin} headers={corsHeaders}/>}
-             </div>
-             <div className="apigateway-test-panel">
+                   {corsProxyMethods.length > 0 && <ProxyCorsWarning methods={corsProxyMethods} origin={corsOrigin} headers={corsHeaders}/>} 
+            </div>
+        </section>
+        <section className="table-panel apigateway-test-panel">
                  <div className="dynamic-stage-header">
                      <div>
                          <p className="eyebrow">Method Test</p>
@@ -442,8 +436,14 @@ export function ApiGatewayRoutePanel({cloud, resource, runtimeReachable, runtime
                     ) : <p className="muted compact-text">Send a request to inspect the API response.</p>}
                     </div>
                 </div>
-            </div>
+                {(testMutation.data || methodTestMutation.data) && functionName && <LogsQueryPanel
+                    cloud={cloud}
+                    logGroupName={`/aws/lambda/${functionName}`}
+                    runtimeReachable={runtimeReachable}
+                    autoRunKey={logsRefreshKey}
+                />}
         </section>
+        </div>
     )
 }