Rewrite Permalink as functional component

app/javascript/flavours/glitch/components/permalink.jsx

@@ -1,50 +1,38 @@
 import PropTypes from 'prop-types';
-import { PureComponent } from 'react';
+import { useCallback } from 'react';
 
-import { withOptionalRouter, WithOptionalRouterPropTypes } from 'flavours/glitch/utils/react_router';
+import { useAppHistory } from './router';
 
-class Permalink extends PureComponent {
+const Permalink = ({ className, href, to, children, onInterceptClick, ...props }) => {
+  const history = useAppHistory();
 
-  static propTypes = {
+  const handleClick = useCallback((e) => {
+    if (e.button === 0 && !(e.ctrlKey || e.metaKey)) {
+      if (onInterceptClick && onInterceptClick()) {
+        e.preventDefault();
+        return;
+      }
+
+      if (history) {
+        e.preventDefault();
+        history.push(to);
+      }
+    }
+  }, [onInterceptClick, history, to]);
+
+  return (
+    <a target='_blank' href={href} onClick={handleClick} className={`permalink${className ? ' ' + className : ''}`} {...props}>
+      {children}
+    </a>
+  );
+};
+
+Permalink.propTypes = {
   className: PropTypes.string,
   href: PropTypes.string.isRequired,
   to: PropTypes.string.isRequired,
   children: PropTypes.node,
   onInterceptClick: PropTypes.func,
-    ...WithOptionalRouterPropTypes,
-  };
+};
 
-  handleClick = (e) => {
-    if (e.button === 0 && !(e.ctrlKey || e.metaKey)) {
-      if (this.props.onInterceptClick && this.props.onInterceptClick()) {
-        e.preventDefault();
-        return;
-      }
-
-      if (this.props.history) {
-        e.preventDefault();
-        this.props.history.push(this.props.to);
-      }
-    }
-  };
-
-  render () {
-    const {
-      children,
-      className,
-      href,
-      to,
-      onInterceptClick,
-      ...other
-    } = this.props;
-
-    return (
-      <a target='_blank' href={href} onClick={this.handleClick} {...other} className={`permalink${className ? ' ' + className : ''}`}>
-        {children}
-      </a>
-    );
-  }
-
-}
-
-export default withOptionalRouter(Permalink);
+export default Permalink;