[DDW-809] Fix issues after merging Webpack5

Author: Marcin Mazurek

source/renderer/app/components/profile/analytics/AnalyticsConsentForm.messages.ts

@@ -9,7 +9,7 @@ export const messages = defineMessages({
   description: {
     id: 'analytics.form.description',
     defaultMessage:
-      '!!!Analytic data is used for product development purposes only.',
+      '!!!All data is anonymous and is used only for product development purposes.',
     description: 'Analytics data collection description',
   },
   dataCollectionSwitchButton: {

source/renderer/app/components/profile/analytics/AnalyticsConsentForm.tsx

@@ -16,12 +16,12 @@ interface AnalyticsConsentFormProps {
   onExternalLinkClick: (url: string) => void;
 }
 
-const AnalyticsConsentForm: FC<AnalyticsConsentFormProps> = ({
+function AnalyticsConsentForm({
   intl,
   loading,
   onSubmit,
   onExternalLinkClick,
-}: AnalyticsConsentFormProps) => {
+}: AnalyticsConsentFormProps) {
   const handleAllow = useCallback(() => {
     onSubmit(true);
   }, []);
@@ -76,6 +76,6 @@ const AnalyticsConsentForm: FC<AnalyticsConsentFormProps> = ({
       </div>
     </div>
   );
-};
+}
 
 export default injectIntl(AnalyticsConsentForm);

source/renderer/app/components/widgets/monospace-text-block/MonospaceTextBlock.tsx

@@ -1,8 +1,13 @@
-import React, { FC } from 'react';
+import React, { FC, ReactNode } from 'react';
 import classNames from 'classnames';
 import styles from './MonospaceTextBlock.scss';
 
-export const MonospaceTextBlock: FC<{ className?: string }> = ({
+export function MonospaceTextBlock({
   children,
   className,
-}) => <pre className={classNames(styles.pre, className)}>{children}</pre>;
+}: {
+  children: ReactNode;
+  className?: string;
+}) {
+  return <pre className={classNames(styles.pre, className)}>{children}</pre>;
+}

source/renderer/app/components/widgets/separator/Separator.tsx

@@ -2,6 +2,6 @@ import React from 'react';
 import classNames from 'classnames';
 import styles from './Separator.scss';
 
-export const Separator: React.FC<{ className?: string }> = ({ className }) => (
-  <hr className={classNames(styles.hr, className)} />
-);
+export function Separator({ className }: { className?: string }) {
+  return <hr className={classNames(styles.hr, className)} />;
+}

source/renderer/app/containers/profile/AnalyticsConsentPage.tsx

@@ -6,7 +6,7 @@ import { AnalyticsAcceptanceStatus } from '../../analytics/types';
 import { useActions } from '../../hooks/useActions';
 import { useStores } from '../../hooks/useStores';
 
-const AnalyticsConsentPage: FC = () => {
+export function AnalyticsConsentPage() {
   const actions = useActions();
   const { networkStatus, profile, app } = useStores();
 
@@ -31,6 +31,6 @@ const AnalyticsConsentPage: FC = () => {
       />
     </TopBarLayout>
   );
-};
+}
 
 export default AnalyticsConsentPage;