mathjax: remove componentWillMount from latexdropdown

NeuromatchAcademy · Jul 19, 2024 · 8d8af90 · 8d8af90
1 parent af24bf9
commit 8d8af90
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 19 deletions.
diff --git a/app/javascript/flavours/glitch/features/compose/components/latex_dropdown.jsx b/app/javascript/flavours/glitch/features/compose/components/latex_dropdown.jsx
@@ -174,6 +174,19 @@ class LaTeXDropdown extends React.PureComponent {
     placement: 'bottom',
   };
 
+  constructor(props) {
+    super();
+
+    this.props = props;
+
+    const { intl: { formatMessage } } = this.props;
+
+    this.options = [
+      { icon: 'inline-mode', value: 'inline', text: formatMessage(messages.inline_short), meta: formatMessage(messages.inline_long) },
+      { icon: 'display-mode', value: 'display', text: formatMessage(messages.display_short), meta: formatMessage(messages.display_long) },
+    ];
+  }
+
   handleToggle = ({ target }) => {
     if (this.props.isUserTouching && this.props.isUserTouching()) {
       if (this.state.open) {
@@ -237,15 +250,6 @@ class LaTeXDropdown extends React.PureComponent {
     this.props.onChange(value);
   };
 
-  componentWillMount () {
-    const { intl: { formatMessage } } = this.props;
-
-    this.options = [
-      { icon: 'inline-mode', value: 'inline', text: formatMessage(messages.inline_short), meta: formatMessage(messages.inline_long) },
-      { icon: 'display-mode', value: 'display', text: formatMessage(messages.display_short), meta: formatMessage(messages.display_long) },
-    ];
-  }
-
   setTargetRef = c => {
     this.target = c;
   };

diff --git a/app/javascript/flavours/glitch/styles/neuromatchstodon/latex.scss b/app/javascript/flavours/glitch/styles/neuromatchstodon/latex.scss
@@ -1,6 +1,5 @@
 .compose-form {
   .latex-dropdown {
-    position: absolute;
     top: 24px;
     right: 0;
   }

diff --git a/app/javascript/mastodon/features/compose/components/latex_dropdown.jsx b/app/javascript/mastodon/features/compose/components/latex_dropdown.jsx
@@ -174,6 +174,19 @@ class LaTeXDropdown extends React.PureComponent {
     placement: 'bottom',
   };
 
+  constructor(props) {
+    super();
+
+    this.props = props;
+
+    const { intl: { formatMessage } } = this.props;
+
+    this.options = [
+      { icon: 'inline-mode', value: 'inline', text: formatMessage(messages.inline_short), meta: formatMessage(messages.inline_long) },
+      { icon: 'display-mode', value: 'display', text: formatMessage(messages.display_short), meta: formatMessage(messages.display_long) },
+    ];
+  }
+
   handleToggle = ({ target }) => {
     if (this.props.isUserTouching && this.props.isUserTouching()) {
       if (this.state.open) {
@@ -237,15 +250,6 @@ class LaTeXDropdown extends React.PureComponent {
     this.props.onChange(value);
   };
 
-  componentWillMount () {
-    const { intl: { formatMessage } } = this.props;
-
-    this.options = [
-      { icon: 'inline-mode', value: 'inline', text: formatMessage(messages.inline_short), meta: formatMessage(messages.inline_long) },
-      { icon: 'display-mode', value: 'display', text: formatMessage(messages.display_short), meta: formatMessage(messages.display_long) },
-    ];
-  }
-
   setTargetRef = c => {
     this.target = c;
   };