From fe6029cdb70e3bef17f07f6f112c117e7d38899b Mon Sep 17 00:00:00 2001
From: Simon Hellmayr <simon.hellmayr@sentry.io>
Date: Mon, 15 Dec 2025 09:58:28 +0100
Subject: [PATCH 1/2] feat(lambda-layers): make ARN easier to see & copy

---
 src/components/lambdaLayerDetailClient.tsx | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/lambdaLayerDetailClient.tsx b/src/components/lambdaLayerDetailClient.tsx
index 1cf389fcc0c905..5a23fd7fbfacc9 100644
--- a/src/components/lambdaLayerDetailClient.tsx
+++ b/src/components/lambdaLayerDetailClient.tsx
@@ -4,6 +4,8 @@ import {useState} from 'react';
 import Select from 'react-select';
 import styled from '@emotion/styled';
 
+import {CodeBlock} from './codeBlock';
+
 type RegionData = {region: string; version: string};
 type LayerData = {
   accountNumber: string;
@@ -27,18 +29,18 @@ export function LambdaLayerDetailClient({
   layerList: LayerData[];
 }) {
   const layer = layerList.find(l => l.canonical === canonical);
-  // if we don't find a matching layer, let the page blow up
-  // cause the page is useless without it
   if (!layer) {
     throw new Error(`Could not find layer for: ${canonical}`);
   }
 
   const {regions, layerName, accountNumber} = layer;
 
+  const defaultOption = regions.length > 0 ? toOption(regions[0]) : undefined;
+
   const [regionOption, setRegion] = useState<{
     label: string;
     value: string;
-  }>();
+  } | undefined>(defaultOption);
 
   let arn: string = '';
   if (regionOption) {
@@ -63,14 +65,17 @@ export function LambdaLayerDetailClient({
       {arn && (
         <ArnWrapper>
           <ArnLabel>ARN</ArnLabel>
-          <code>{arn}</code>
+          <CodeBlock language="text">
+            <pre className="language-text">
+              <code>{arn}</code>
+            </pre>
+          </CodeBlock>
         </ArnWrapper>
       )}
     </Wrapper>
   );
 }
 
-// need a min-height so we don't get cropped at the bottom of the page
 const Wrapper = styled('div')`
   min-height: 50px;
 `;
@@ -81,4 +86,5 @@ const ArnWrapper = styled('div')`
 
 const ArnLabel = styled('div')`
   font-weight: bold;
+  margin-bottom: 6px;
 `;

From 155f39780396c06350157c7c557cd23666923361 Mon Sep 17 00:00:00 2001
From: "getsantry[bot]" <66042841+getsantry[bot]@users.noreply.github.com>
Date: Mon, 15 Dec 2025 09:01:45 +0000
Subject: [PATCH 2/2] [getsentry/action-github-commit] Auto commit

---
 src/components/lambdaLayerDetailClient.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/lambdaLayerDetailClient.tsx b/src/components/lambdaLayerDetailClient.tsx
index 5a23fd7fbfacc9..ce3899a6d9c980 100644
--- a/src/components/lambdaLayerDetailClient.tsx
+++ b/src/components/lambdaLayerDetailClient.tsx
@@ -37,10 +37,13 @@ export function LambdaLayerDetailClient({
 
   const defaultOption = regions.length > 0 ? toOption(regions[0]) : undefined;
 
-  const [regionOption, setRegion] = useState<{
-    label: string;
-    value: string;
-  } | undefined>(defaultOption);
+  const [regionOption, setRegion] = useState<
+    | {
+        label: string;
+        value: string;
+      }
+    | undefined
+  >(defaultOption);
 
   let arn: string = '';
   if (regionOption) {