refactor buttonproptypes and remove href

Author: summer-cook

src/components/Button/Button.jsx

@@ -16,7 +16,7 @@ const Button = ({ addClass, backgroundColor, size, label, textColor, type, ...pr
   </button>
 )
 
-Button.propTypes = {
+export const buttonPropTypes = {
   addClass: PropTypes.string,
   backgroundColor: PropTypes.string,
   label: PropTypes.string.isRequired,
@@ -26,6 +26,8 @@ Button.propTypes = {
   type: PropTypes.string,
 }
 
+Button.propTypes =  { ...buttonPropTypes }
+
 Button.defaultProps = {
   addClass: '',
   backgroundColor: '#000000',

src/compounds/LinkedButton/LinkedButton.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import Link from 'next/link'
 import PropTypes from 'prop-types'
-import Button from '../../components/Button/Button'
+import Button, { buttonPropTypes } from '../../components/Button/Button'
 import './linked-button.css'
 
 /**
@@ -16,18 +16,22 @@ const LinkedButton = ({ addClass, buttonProps, path }) => (
     <ButtonLinkWrapper
       addClass={addClass}
       buttonProps={buttonProps}
-      href={path}
     />
   </Link>
 )
 
-const ButtonLinkWrapper = React.forwardRef(({ addClass, buttonProps, href }, ref) => (
-  <a href={href} ref={ref} className={addClass}>
-    <Button {...buttonProps} />
-  </a>
-))
+const ButtonLinkWrapper = React.forwardRef(({ ...props }, ref) => {
+  // eslint-disable-next-line react/prop-types
+  const { addClass, buttonProps, href } = props
 
-const { onClick, ...remainingPropTypes } = Button.propTypes
+  return (
+    <a href={href} ref={ref} className={addClass}>
+      <Button {...buttonProps} />
+    </a>
+  )
+})
+
+const { onClick, ...remainingPropTypes } = buttonPropTypes
 
 LinkedButton.propTypes = {
   buttonProps: PropTypes.shape(remainingPropTypes).isRequired,
@@ -45,7 +49,6 @@ LinkedButton.defaultProps = {
 ButtonLinkWrapper.propTypes = {
   addClass: PropTypes.string,
   buttonProps: PropTypes.shape(remainingPropTypes).isRequired,
-  href: PropTypes.string.isRequired,
 }
 
 ButtonLinkWrapper.defaultProps = {