6 files changed, 38 insertions, 19 deletions
diff --git a/storybook/stories/autosuggest_textarea.story.js b/storybook/stories/autosuggest_textarea.story.js
new file mode 100644
index 000000000..3f13aa416
--- /dev/null
+++ b/storybook/stories/autosuggest_textarea.story.js
@@ -0,0 +1,17 @@
+import React from 'react';
+import { List } from 'immutable'
+import { action, storiesOf } from '@kadira/storybook';
+import AutosuggestTextarea from 'mastodon/components/autosuggest_textarea'
+
+const props = {
+  onChange: action('changed'),
+  onPaste: action('pasted'),
+  onSuggestionSelected: action('suggestionsSelected'),
+  onSuggestionsClearRequested: action('suggestionsClearRequested'),
+  onSuggestionsFetchRequested: action('suggestionsFetchRequested'),
+  suggestions: List([])
+}
+
+storiesOf('AutosuggestTextarea', module)
+  .add('default state', () => <AutosuggestTextarea value='' {...props} />)
+  .add('with text', () => <AutosuggestTextarea value='Hello' {...props} />)
diff --git a/storybook/stories/autosuggest_textarea.story.jsx b/storybook/stories/autosuggest_textarea.story.jsx
deleted file mode 100644
index 72a4b525d..000000000
--- a/storybook/stories/autosuggest_textarea.story.jsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { storiesOf } from '@kadira/storybook';
-import AutosuggestTextarea from '../../app/assets/javascripts/components/components/autosuggest_textarea.jsx'
-
-storiesOf('AutosuggestTextarea', module)
-  .add('default state', () => <AutosuggestTextarea value='' suggestions={[]} />)
-  .add('with text', () => <AutosuggestTextarea value='Hello' suggestions={[]} />)
diff --git a/storybook/stories/button.story.jsx b/storybook/stories/button.story.js
index fc392abef..3fd45cb82 100644
--- a/storybook/stories/button.story.jsx
+++ b/storybook/stories/button.story.js
@@ -1,5 +1,6 @@
-import { storiesOf } from '@kadira/storybook';
-import Button from '../../app/assets/javascripts/components/components/button.jsx'
+import React from 'react';
+import { action, storiesOf } from '@kadira/storybook';
+import Button from 'mastodon/components/button';
 
 storiesOf('Button', module)
   .add('default state', () => (
diff --git a/storybook/stories/character_counter.story.jsx b/storybook/stories/character_counter.story.js
index 931d8a037..eb6eae7d8 100644
--- a/storybook/stories/character_counter.story.jsx
+++ b/storybook/stories/character_counter.story.js
@@ -1,20 +1,21 @@
+import React from 'react';
 import { storiesOf } from '@kadira/storybook';
-import CharacterCounter from '../../app/assets/javascripts/components/features/compose/components/character_counter';
+import CharacterCounter from 'mastodon/features/compose/components/character_counter';
 
 storiesOf('CharacterCounter', module)
   .add('no text', () => {
     const text = '';
-    return <CharacterCounter text={text} max="500" />;
+    return <CharacterCounter text={text} max={500} />;
   })
   .add('a few strings text', () => {
     const text = '0123456789';
-    return <CharacterCounter text={text} max="500" />;
+    return <CharacterCounter text={text} max={500} />;
   })
   .add('the same text', () => {
     const text = '01234567890123456789';
-    return <CharacterCounter text={text} max="20" />;
+    return <CharacterCounter text={text} max={20} />;
   })
   .add('over text', () => {
     const text = '01234567890123456789012345678901234567890123456789';
-    return <CharacterCounter text={text} max="10" />;
+    return <CharacterCounter text={text} max={10} />;
   });
diff --git a/storybook/stories/loading_indicator.story.js b/storybook/stories/loading_indicator.story.js
new file mode 100644
index 000000000..f3e67e89c
--- /dev/null
+++ b/storybook/stories/loading_indicator.story.js
@@ -0,0 +1,12 @@
+import React from 'react';
+import { IntlProvider } from 'react-intl';
+import { storiesOf } from '@kadira/storybook';
+import getMessagesForLocale from 'mastodon/locales';
+import LoadingIndicator from 'mastodon/components/loading_indicator';
+
+storiesOf('LoadingIndicator', module)
+  .add('default state', () => (
+    <IntlProvider locale='en' messages={getMessagesForLocale('en')}>
+      <LoadingIndicator />
+    </IntlProvider>
+  ));
diff --git a/storybook/stories/loading_indicator.story.jsx b/storybook/stories/loading_indicator.story.jsx
deleted file mode 100644
index f4a961c4e..000000000
--- a/storybook/stories/loading_indicator.story.jsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { storiesOf } from '@kadira/storybook';
-import LoadingIndicator from '../../app/assets/javascripts/components/components/loading_indicator.jsx'
-import { IntlProvider } from 'react-intl';
-
-storiesOf('LoadingIndicator', module)
-  .add('default state', () => <IntlProvider><LoadingIndicator /></IntlProvider>);