Merge branch 'frontend-convert-inlinemessage-to-functional'

Author: shonsirsha

frontends/web/src/components/inlineMessage/InlineMessage.jsx renamed to frontends/web/src/components/inlineMessage/inlineMessage.tsx

@@ -1,5 +1,6 @@
 /**
  * Copyright 2018 Shift Devices AG
+ * Copyright 2024 Shift Crypto AG
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -14,25 +15,30 @@
  * limitations under the License.
  */
 
-import { Component } from 'react';
 import style from './InlineMessage.module.css';
 
-export default class InlineMessage extends Component {
-  deactivate = () => {
-    this.props.onEnd();
+type TProps = {
+    type: string;
+    message: string;
+    align: string;
+    onEnd: () => void;
+}
+
+export const InlineMessage = ({
+  type,
+  message,
+  align,
+  onEnd
+}: TProps) => {
+
+  const handleDeactivate = () => {
+    onEnd();
   };
 
-  render() {
-    const {
-      type,
-      message,
-      align,
-    } = this.props;
-    return (
-      <div className={[style.inlineMessage, style[type], align ? style[align] : ''].join(' ')}>
-        {message}
-        <div className={style.close} onClick={this.deactivate}>✕</div>
-      </div>
-    );
-  }
-}
+  return (
+    <div className={[style.inlineMessage, style[type], align ? style[align] : ''].join(' ')}>
+      {message}
+      <div className={style.close} onClick={handleDeactivate}>✕</div>
+    </div>
+  );
+};

frontends/web/src/routes/settings/components/advanced-settings/enable-tor-proxy-setting.tsx

@@ -19,7 +19,7 @@ import { useTranslation } from 'react-i18next';
 import { SettingsItem } from '../settingsItem/settingsItem';
 import { ChevronRightDark } from '../../../../components/icon';
 import { TorProxyDialog } from './tor-proxy-dialog';
-import InlineMessage from '../../../../components/inlineMessage/InlineMessage';
+import { InlineMessage } from '../../../../components/inlineMessage/inlineMessage';
 import { TProxyConfig } from '../../advanced-settings';
 import styles from './enable-tor-proxy-setting.module.css';