fix: formatting

Author: alexcambose

apps/developer-hub/src/components/search-button.tsx

@@ -13,7 +13,12 @@ export const SearchButton = () => {
 
   return (
     <>
-    <SearchButtonComponent size='sm' smallScreenText="Search" largeScreenText="Search" onClick={handleSearch} />
+      <SearchButtonComponent
+        size="sm"
+        smallScreenContent="Search"
+        largeScreenContent="Search"
+        onClick={handleSearch}
+      />
       <DefaultSearchDialog
         open={open}
         onOpenChange={setOpen}

apps/insights/src/components/Root/search-button.tsx

@@ -76,8 +76,8 @@ const SearchButtonImpl = (
   <SearchButtonComponent
     size="sm"
     {...props}
-    smallScreenText={<SearchShortcutText />}
-    largeScreenText={<SearchShortcutText />}
+    smallScreenContent={<SearchShortcutText />}
+    largeScreenContent={<SearchShortcutText />}
   />
 );
 

packages/component-library/src/SearchButton/index.stories.tsx

@@ -39,8 +39,8 @@ export default meta;
 
 export const SearchButton = {
   args: {
-    largeScreenText: "Search",
-    smallScreenText: "Search",
+    largeScreenContent: "Search",
+    smallScreenContent: "Search",
     size: "sm",
   },
 } satisfies StoryObj<typeof SearchButtonComponent>;

packages/component-library/src/SearchButton/index.tsx

@@ -8,8 +8,8 @@ import styles from "./index.module.scss";
 
 
 type OwnProps = {
-  largeScreenText?: ReactNode | undefined;
-  smallScreenText?: ReactNode | undefined;
+  largeScreenContent?: ReactNode;
+  smallScreenContent?: ReactNode;
 };
 
 type Props =  Pick<
@@ -20,8 +20,8 @@ type Props =  Pick<
 
 export const SearchButton = ({
   beforeIcon,
-  largeScreenText,
-  smallScreenText,
+  largeScreenContent,
+  smallScreenContent,
   ...props
 }: Props) => {
   return (
@@ -35,7 +35,7 @@ export const SearchButton = ({
 
       {...props}
     >
-      {largeScreenText}
+      {largeScreenContent}
     </Button>
     <Button
       className={styles.smallScreenSearchButton ?? ""}
@@ -46,7 +46,7 @@ export const SearchButton = ({
       rounded
       {...props}
     >
-      {smallScreenText}
+      {smallScreenContent}
     </Button>
   </div>
   );