Migrate CircleOcticon to TypeScript

primer · Feb 9, 2021 · 1dda5ff · 1dda5ff
1 parent b6eb246
commit 1dda5ff
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/src/CircleOcticon.js → src/CircleOcticon.tsx b/src/CircleOcticon.js → src/CircleOcticon.tsx
@@ -1,12 +1,19 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import Flex from './Flex'
+import Flex, {FlexProps} from './Flex'
 import theme from './theme'
 import BorderBox from './BorderBox'
+import {IconProps} from '@primer/octicons-react'
 
-function CircleOcticon(props) {
+export type CircleOcticonProps = {
+  as?: React.ElementType
+  size?: number
+  icon: React.ComponentType<{size?: IconProps['size']}>
+} & FlexProps
+
+function CircleOcticon(props: CircleOcticonProps) {
   const {size, as} = props
-  const {icon: IconComponent, bg, as: asProp, ...rest} = props
+  const {icon: IconComponent, bg, ...rest} = props
   return (
     <BorderBox as={as} bg={bg} overflow="hidden" borderWidth={0} size={size} borderRadius="50%">
       <Flex {...rest} alignItems="center" justifyContent="center">

diff --git a/src/__tests__/CircleOcticon.js → src/__tests__/CircleOcticon.tsx b/src/__tests__/CircleOcticon.js → src/__tests__/CircleOcticon.tsx
diff --git a/...sts__/__snapshots__/CircleOcticon.js.snap → ...ts__/__snapshots__/CircleOcticon.tsx.snap b/...sts__/__snapshots__/CircleOcticon.js.snap → ...ts__/__snapshots__/CircleOcticon.tsx.snap