chore: migrate to jsx element (#43707)

client/src/assets/images/components/alibaba-logo.tsx

@@ -1,9 +1,8 @@
 import React from 'react';
 
-function AlibabaLogo(
+const AlibabaLogo = (
   props: JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>
-): React.ReactNode {
+): JSX.Element => (
-  return (
   <svg
     id='alibaba-logo'
     version='1.1'
@@ -50,7 +49,6 @@ function AlibabaLogo(
     </g>
   </svg>
 );
-}
 
 AlibabaLogo.displayName = 'AlibabaLogo';
 export default AlibabaLogo;

client/src/assets/images/components/amazon-logo.tsx

@@ -1,9 +1,8 @@
 import React from 'react';
 
-function SpotifyLogo(
+const SpotifyLogo = (
   props: JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>
-): React.ReactNode {
+): JSX.Element => (
-  return (
   <svg
     id='amazon-logo'
     viewBox='93.907 250 1350 472'
@@ -64,7 +63,6 @@ function SpotifyLogo(
     </g>
   </svg>
 );
-}
 
 SpotifyLogo.displayName = 'SpotifyLogo';
 

client/src/assets/images/components/apple-logo.tsx

@@ -1,9 +1,8 @@
 import React from 'react';
 
-function AppleLogo(
+const AppleLogo = (
   props: JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>
-): React.ReactNode {
+): JSX.Element => (
-  return (
   <svg
     id='apple-logo'
     viewBox='450 0 500 650'
@@ -18,7 +17,6 @@ function AppleLogo(
     </g>
   </svg>
 );
-}
 
 AppleLogo.displayName = 'AppleLogo';
 

client/src/assets/images/components/as-seen-in-text.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 
-function AsSeenInText(
+const AsSeenInText = (
   props: JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>
-): React.ReactNode {
+): JSX.Element => {
   const fill = props.fill === 'dark' ? 'var(--gray-75)' : 'var(--gray-15)';
   return (
     <svg
@@ -116,7 +116,7 @@ function AsSeenInText(
       />
     </svg>
   );
-}
+};
 
 AsSeenInText.displayName = 'AsSeenInText';
 

client/src/assets/images/components/google-logo.tsx

@@ -1,9 +1,8 @@
 import React from 'react';
 
-function GoogleLogo(
+const GoogleLogo = (
   props: JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>
-): React.ReactNode {
+): JSX.Element => (
-  return (
   <svg
     id='google-logo'
     viewBox='1635 200 1185 600'
@@ -22,7 +21,6 @@ function GoogleLogo(
     </g>
   </svg>
 );
-}
 
 GoogleLogo.displayName = 'GoogleLogo';
 

client/src/assets/images/components/microsoft-logo.tsx

@@ -1,9 +1,8 @@
 import React from 'react';
 
-function MicrosoftLogo(
+const MicrosoftLogo = (
   props: JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>
-): React.ReactNode {
+): JSX.Element => (
-  return (
   <svg
     id='microsoft-logo'
     viewBox='939.813 1185 1400 472'
@@ -21,7 +20,6 @@ function MicrosoftLogo(
     </g>
   </svg>
 );
-}
 
 MicrosoftLogo.displayName = 'MicrosoftLogo';
 

client/src/assets/images/components/tencent-logo.tsx

@@ -1,9 +1,8 @@
 import React from 'react';
 
-function TencentLogo(
+const TencentLogo = (
   props: JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>
-): React.ReactNode {
+): JSX.Element => (
-  return (
   <svg
     height='75'
     id='tencent-logo'
@@ -42,7 +41,6 @@ function TencentLogo(
     </g>
   </svg>
 );
-}
 
 TencentLogo.displayName = 'TencentLogo';
 export default TencentLogo;