Add Typescript types to PrimaryButton and SecondaryButton (carbon-des…

…ign-system#15405) * refactor: change file extensions for SecondaryButton * refactor: add types for SecondaryButton * refactor: add types for PrimaryButton
danoro96 · Jan 18, 2024 · 49f7240 · 49f7240
1 parent 49715fb
commit 49f7240
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