about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/features/hashtag_timeline/components/column_settings.js
diff options
context:
space:
mode:
authorStarfall <us@starfall.systems>2020-07-07 10:08:13 -0500
committerStarfall <us@starfall.systems>2020-07-07 10:10:33 -0500
commit147b4e7713cf5555fc4b515c7d88da49bf597f46 (patch)
tree67e33c2838eea691088e77ec4e19afb23104e77d /app/javascript/flavours/glitch/features/hashtag_timeline/components/column_settings.js
parentcfd52a032aa4ee545d479b65a295e6a9e77c4f4f (diff)
parentc4e1b82caf5c932a3c19bc77726c9e3ab3d2c46a (diff)
Mastodon 3.1.5 / Merge branch 'glitch' into main
Diffstat (limited to 'app/javascript/flavours/glitch/features/hashtag_timeline/components/column_settings.js')
-rw-r--r--app/javascript/flavours/glitch/features/hashtag_timeline/components/column_settings.js27
1 files changed, 15 insertions, 12 deletions
diff --git a/app/javascript/flavours/glitch/features/hashtag_timeline/components/column_settings.js b/app/javascript/flavours/glitch/features/hashtag_timeline/components/column_settings.js
index 956f16734..27300f020 100644
--- a/app/javascript/flavours/glitch/features/hashtag_timeline/components/column_settings.js
+++ b/app/javascript/flavours/glitch/features/hashtag_timeline/components/column_settings.js
@@ -4,6 +4,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
 import Toggle from 'react-toggle';
 import AsyncSelect from 'react-select/async';
+import { NonceProvider } from 'react-select';
 import SettingToggle from '../../notifications/components/setting_toggle';
 
 const messages = defineMessages({
@@ -58,18 +59,20 @@ class ColumnSettings extends React.PureComponent {
           {this.modeLabel(mode)}
         </span>
 
-        <AsyncSelect
-          isMulti
-          autoFocus
-          value={this.tags(mode)}
-          onChange={this.onSelect(mode)}
-          loadOptions={this.props.onLoad}
-          className='column-select__container'
-          classNamePrefix='column-select'
-          name='tags'
-          placeholder={this.props.intl.formatMessage(messages.placeholder)}
-          noOptionsMessage={this.noOptionsMessage}
-        />
+        <NonceProvider nonce={document.querySelector('meta[name=style-nonce]').content}>
+          <AsyncSelect
+            isMulti
+            autoFocus
+            value={this.tags(mode)}
+            onChange={this.onSelect(mode)}
+            loadOptions={this.props.onLoad}
+            className='column-select__container'
+            classNamePrefix='column-select'
+            name='tags'
+            placeholder={this.props.intl.formatMessage(messages.placeholder)}
+            noOptionsMessage={this.noOptionsMessage}
+          />
+        </NonceProvider>
       </div>
     );
   }