Add Typescript types to PrimaryButton and SecondaryButton (#15405)

* refactor: change file extensions for SecondaryButton * refactor: add types for SecondaryButton * refactor: add types for PrimaryButton
carbon-design-system · Dec 29, 2023 · 17239c5 · 17239c5
1 parent ea5730b
commit 17239c5
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/...components/PrimaryButton/PrimaryButton.js → ...omponents/PrimaryButton/PrimaryButton.tsx b/...components/PrimaryButton/PrimaryButton.js → ...omponents/PrimaryButton/PrimaryButton.tsx
@@ -6,8 +6,10 @@
  */
 
 import React from 'react';
-import Button from '../Button';
+import { Button, ButtonProps } from '../Button';
 
-const PrimaryButton = (props) => <Button kind="primary" {...props} />;
+const PrimaryButton = <T extends React.ElementType>(props: ButtonProps<T>) => (
+  <Button kind="primary" {...props} />
+);
 
 export default PrimaryButton;
diff --git a/...act/src/components/PrimaryButton/index.js → ...act/src/components/PrimaryButton/index.ts b/...act/src/components/PrimaryButton/index.js → ...act/src/components/PrimaryButton/index.ts
diff --git a/...onents/SecondaryButton/SecondaryButton.js → ...nents/SecondaryButton/SecondaryButton.tsx b/...onents/SecondaryButton/SecondaryButton.js → ...nents/SecondaryButton/SecondaryButton.tsx
@@ -6,8 +6,10 @@
  */
 
 import React from 'react';
-import Button from '../Button';
+import { Button, ButtonProps } from '../Button';
 
-const SecondaryButton = (props) => <Button kind="secondary" {...props} />;
+const SecondaryButton = <T extends React.ElementType>(
+  props: ButtonProps<T>
+) => <Button kind="secondary" {...props} />;
 
 export default SecondaryButton;
diff --git a/...t/src/components/SecondaryButton/index.js → ...t/src/components/SecondaryButton/index.ts b/...t/src/components/SecondaryButton/index.js → ...t/src/components/SecondaryButton/index.ts