refactor: buttons convert to ts

src/components/IconButton.jsx

@@ -1,12 +0,0 @@
-import { Icon } from '../Icon/Icon'
-import { ReactButton } from './ReactButton'
-
-const IconButton = ({ icon, text, ...props }) => {
-  return (
-    <ReactButton {...props} icon={<Icon source={icon} />}>
-      {text}
-    </ReactButton>
-  )
-}
-
-export default IconButton

src/components/IconButton.tsx

@@ -0,0 +1,18 @@
+import Icon from './Icon'
+import ReactButton from './ReactButton'
+
+type IconButtonProps = {
+  icon: string
+  children: string
+  onClick: () => void
+}
+
+const IconButton = ({ icon, children, ...props }: IconButtonProps) => {
+  return (
+    <ReactButton {...props} icon={<Icon source={icon} />}>
+      {children}
+    </ReactButton>
+  )
+}
+
+export default IconButton

src/components/ReactButton.jsx

@@ -1,7 +0,0 @@
-import { Button } from 'tamagui'
-
-const ReactButton = ({ children, ...props }) => {
-  return <Button {...props}>{children}</Button>
-}
-
-export default ReactButton

src/components/ReactButton.tsx

@@ -0,0 +1,16 @@
+import { Button } from 'tamagui'
+import { ReactNode } from 'react'
+
+type ReactButtonProps = {
+  children: string
+  style?: unknown
+  icon?: ReactNode
+  size?: string
+  onClick: () => void
+}
+
+const ReactButton = ({ children, ...props }: ReactButtonProps) => {
+  return <Button {...props}>{children}</Button>
+}
+
+export default ReactButton