fix: standardize class names for consistency in Codeblock component.

jonathanp-okta · jonathanp-okta · commit 9df602a9de2c · 2026-05-21T15:39:37.000-05:00
diff --git a/src/features/debugger/components/codeblock/codeblock.component.tsx b/src/features/debugger/components/codeblock/codeblock.component.tsx
@@ -35,23 +35,23 @@ export const Codeblock = (props: CodeBlockProps) => {
     <div
       className={clsx(
         styles.container,
-        props.type === "rawJson" && props.isError && styles.raw_json_error,
+        props.type === "rawJson" && props.isError && styles.rawJsonError,
       )}
     >
       {title && (
-        <div className={styles.header_container}>
-          <div className={styles.title_container}>{title}</div>
+        <div className={styles.headerContainer}>
+          <div className={styles.titleContainer}>{title}</div>
           {HeaderRightComponent && <HeaderRightComponent />}
         </div>
       )}
-      <div className={styles.scroll_container}>
+      <div className={styles.scrollContainer}>
         <div
           className={clsx(
-            styles.code_block,
+            styles.codeBlock,
             (type === "token" || type === "json" || type === "rawJson") &&
-              styles.vertical_scroll_container,
+              styles.verticalScrollContainer,
             (type === "request" || type === "json") &&
-              styles.horizontal_scroll_container,
+              styles.horizontalScrollContainer,
           )}
         >
           {type === "request" && props.requestData ? (
@@ -85,7 +85,7 @@ export const Codeblock = (props: CodeBlockProps) => {
             <p className={styles.token}>{props.token}</p>
           ) : null}
           {type === "rawJson" ? (
-            <pre className={clsx(styles.json, styles.raw_json)}>
+            <pre className={clsx(styles.json, styles.rawJson)}>
               {props.rawJson}
             </pre>
           ) : null}
diff --git a/src/features/debugger/components/codeblock/codeblock.module.scss b/src/features/debugger/components/codeblock/codeblock.module.scss
@@ -86,13 +86,14 @@
   word-break: break-word;
 }
 
-.raw_json {
+.rawJson {
   color: var(--color_fg_neutral)
 }
-.raw_json_error {
+
+.rawJsonError {
  background: var(--color_bg_state_error);
 }
 
-.json_line {
+.jsonLine {
   color: #928eff;
 }

Original file line number	Diff line number	Diff line change
`@@ -86,13 +86,14 @@`
`86`	`86`	`word-break: break-word;`
`87`	`87`	`}`
`88`	`88`
`89`		`-.raw_json {`
	`89`	`+.rawJson {`
`90`	`90`	`color: var(--color_fg_neutral)`
`91`	`91`	`}`
`92`		`-.raw_json_error {`
	`92`	`+`
	`93`	`+.rawJsonError {`
`93`	`94`	`background: var(--color_bg_state_error);`
`94`	`95`	`}`
`95`	`96`
`96`		`-.json_line {`
	`97`	`+.jsonLine {`
`97`	`98`	`color: #928eff;`
`98`	`99`	`}`