feat(SW-213): Use camelCase as prop

components/Content/Blocks/TextCols/index.tsx

@@ -7,10 +7,10 @@ import styles from "./textcols.module.css"
 
 import type { TextColsProps } from "@/types/components/content/blocks"
 
-export default function TextCols({ text_cols }: TextColsProps) {
+export default function TextCols({ textCols }: TextColsProps) {
   return (
     <div className={styles.columns}>
-      {text_cols.columns.map((col) => {
+      {textCols.columns.map((col) => {
         return (
           <div key={col.title} className={styles.column}>
             <Subtitle>{col.title}</Subtitle>

components/Content/Blocks/index.tsx

@@ -40,7 +40,7 @@ export function Blocks({ blocks }: BlocksProps) {
           />
         )
       case ContentBlocksTypenameEnum.ContentPageBlocksTextCols:
-        return <TextCols text_cols={block.text_cols} />
+        return <TextCols textCols={block.text_cols} />
       default:
         return null
     }

types/components/content/blocks.ts

@@ -18,7 +18,9 @@ export type CardsGridProps = Pick<CardsGrid, "cards_grid"> & {
   firstItem?: boolean
 }
 
-export type TextColsProps = Pick<TextCols, "text_cols">
+export type TextColsProps = {
+  textCols: TextCols["text_cols"]
+}
 
 export type DynamicContentProps = {
   dynamicContent: DynamicContent["dynamic_content"]

types/trpc/routers/contentstack/contentPage.ts

@@ -84,7 +84,7 @@ export type CardsRaw = CardsGrid["cards_grid"]["cards"][number]
 
 type TextColsRaw = z.infer<typeof contentPageTextCols>
 export interface TextCols extends TextColsRaw {
-  text_cols: {
+  textCols: {
     columns: {
       title: string
       text: {