Merge pull request #974 from primer/cb/ts-branch-name

Migrate BranchName to TypeScript
primer · Jan 21, 2021 · 9f76c5d · 9f76c5d · vercel · Jan 21, 2021
2 parents db46b0e + efa3599
commit 9f76c5d
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/.changeset/sharp-pugs-tap.md b/.changeset/sharp-pugs-tap.md
@@ -0,0 +1,5 @@
+---
+"@primer/components": patch
+---
+
+Migrate `BranchName` to TypeScript
diff --git a/src/BranchName.js → src/BranchName.tsx b/src/BranchName.js → src/BranchName.tsx
@@ -1,10 +1,10 @@
 import PropTypes from 'prop-types'
 import styled from 'styled-components'
-import sx from './sx'
+import sx, {SxProp} from './sx'
 import theme from './theme'
-import {COMMON, get} from './constants'
+import {COMMON, get, SystemCommonProps} from './constants'
 
-const BranchName = styled.a`
+const BranchName = styled.a<SystemCommonProps & SxProp>`
   display: inline-block;
   padding: 2px 6px;
   font-size: ${get('fontSizes.0')};
@@ -27,4 +27,5 @@ BranchName.propTypes = {
   theme: PropTypes.object
 }
 
+export type BranchNameProps = React.ComponentProps<typeof BranchName>
 export default BranchName
diff --git a/src/__tests__/BranchName.js → src/__tests__/BranchName.tsx b/src/__tests__/BranchName.js → src/__tests__/BranchName.tsx
diff --git a/..._tests__/__snapshots__/BranchName.js.snap → ...tests__/__snapshots__/BranchName.tsx.snap b/..._tests__/__snapshots__/BranchName.js.snap → ...tests__/__snapshots__/BranchName.tsx.snap