From 0d2ce2b5a0346e4a0b62420d543abfa60ecbcb5d Mon Sep 17 00:00:00 2001
From: Evan Purkhiser <evanpurkhiser@gmail.com>
Date: Wed, 12 Apr 2023 18:24:47 -0700
Subject: [PATCH] chore(js): Convert PackageLink to a FC

---
 .../events/interfaces/frame/packageLink.tsx   | 76 +++++++++----------
 1 file changed, 35 insertions(+), 41 deletions(-)

diff --git a/static/app/components/events/interfaces/frame/packageLink.tsx b/static/app/components/events/interfaces/frame/packageLink.tsx
index 7594c9d59491b8..dbb9497ba89cff 100644
--- a/static/app/components/events/interfaces/frame/packageLink.tsx
+++ b/static/app/components/events/interfaces/frame/packageLink.tsx
@@ -1,4 +1,3 @@
-import {Component} from 'react';
 import styled from '@emotion/styled';
 
 import {trimPackage} from 'sentry/components/events/interfaces/frame/utils';
@@ -19,52 +18,47 @@ type Props = {
   isHoverPreviewed?: boolean;
 };
 
-class PackageLink extends Component<Props> {
-  handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {
-    const {isClickable, onClick} = this.props;
-
+function PackageLink({
+  children,
+  includeSystemFrames,
+  isClickable,
+  isHoverPreviewed,
+  onClick,
+  packagePath,
+  withLeadHint,
+}) {
+  const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {
     if (isClickable) {
       onClick(event);
     }
   };
 
-  render() {
-    const {
-      packagePath,
-      isClickable,
-      withLeadHint,
-      children,
-      includeSystemFrames,
-      isHoverPreviewed,
-    } = this.props;
-
-    return (
-      <Package
-        onClick={this.handleClick}
-        isClickable={isClickable}
-        withLeadHint={withLeadHint}
-        includeSystemFrames={includeSystemFrames}
-      >
-        {defined(packagePath) ? (
-          <Tooltip
-            title={packagePath}
-            delay={isHoverPreviewed ? SLOW_TOOLTIP_DELAY : undefined}
+  return (
+    <Package
+      onClick={handleClick}
+      isClickable={isClickable}
+      withLeadHint={withLeadHint}
+      includeSystemFrames={includeSystemFrames}
+    >
+      {defined(packagePath) ? (
+        <Tooltip
+          title={packagePath}
+          delay={isHoverPreviewed ? SLOW_TOOLTIP_DELAY : undefined}
+        >
+          <PackageName
+            isClickable={isClickable}
+            withLeadHint={withLeadHint}
+            includeSystemFrames={includeSystemFrames}
           >
-            <PackageName
-              isClickable={isClickable}
-              withLeadHint={withLeadHint}
-              includeSystemFrames={includeSystemFrames}
-            >
-              {trimPackage(packagePath)}
-            </PackageName>
-          </Tooltip>
-        ) : (
-          <span>{'<unknown>'}</span>
-        )}
-        {children}
-      </Package>
-    );
-  }
+            {trimPackage(packagePath)}
+          </PackageName>
+        </Tooltip>
+      ) : (
+        <span>{'<unknown>'}</span>
+      )}
+      {children}
+    </Package>
+  );
 }
 
 export const Package = styled('a')<Partial<Props>>`