refactor: repo (#1070)

packages/web/src/javascripts/Components/Button/RoundIconButton.tsx

@@ -0,0 +1,27 @@
+import { FunctionComponent, MouseEventHandler } from 'react'
+import Icon from '@/Components/Icon/Icon'
+import { IconType } from '@standardnotes/snjs'
+
+type ButtonType = 'normal' | 'primary'
+
+type Props = {
+  onClick: () => void
+  type: ButtonType
+  className?: string
+  icon: IconType
+}
+
+const RoundIconButton: FunctionComponent<Props> = ({ onClick, type, className, icon: iconType }) => {
+  const click: MouseEventHandler = (e) => {
+    e.preventDefault()
+    onClick()
+  }
+  const classes = type === 'primary' ? 'info ' : ''
+  return (
+    <button className={`sn-icon-button ${classes} ${className ?? ''}`} onClick={click}>
+      <Icon type={iconType} />
+    </button>
+  )
+}
+
+export default RoundIconButton