Use imported LanguageDropdown

js/src/forum/compat.js

@@ -10,8 +10,6 @@ import Composer from './components/Composer/Composer';
 import ComposerPreview from './components/Composer/ComposerPreview';
 import FeaturedBlogItem from './components/FeaturedBlogItem';
 import ForumNav from './components/ForumNav';
-import Language from './components/LanguageDropdown/Language';
-import LanguageDropdown from './components/LanguageDropdown/LanguageDropdown';
 import BlogPostSettingsModal from './components/Modals/BlogPostSettingsModal';
 import RenameArticleModal from './components/Modals/RenameArticleModal';
 import BlogItem from './pages/BlogItem';
@@ -25,9 +23,6 @@ export default () => {
     'v17development/blog/components/Composer/Composer': Composer,
     'v17development/blog/components/Composer/ComposerPreview': ComposerPreview,
 
-    'v17development/blog/components/LanguageDropdown/Language': Language,
-    'v17development/blog/components/LanguageDropdown/LanguageDropdown': LanguageDropdown,
-
     'v17development/blog/components/Modals/BlogPostSettingsModal': BlogPostSettingsModal,
     'v17development/blog/components/Modals/RenameArticleModal': RenameArticleModal,
 

js/src/forum/pages/BlogComposer.js

@@ -7,8 +7,9 @@ import RenameArticleModal from '../components/Modals/RenameArticleModal';
 import TagDiscussionModal from 'flarum/tags/components/TagDiscussionModal';
 import BlogPostSettingsModal from '../components/Modals/BlogPostSettingsModal';
 import Composer from '../components/Composer/Composer';
-import LanguageDropdown from '../components/LanguageDropdown/LanguageDropdown';
 import ItemList from 'flarum/common/utils/ItemList';
+import Stream from 'flarum/common/utils/Stream';
+import { components } from '@fof-discussion-language';
 
 export default class BlogComposer extends Page {
   oninit(vnode) {
@@ -32,7 +33,7 @@ export default class BlogComposer extends Page {
     this.bodyClass = 'BlogItemPage BlogItemPage--composer';
 
     // Article data
-    this.articleLanguage = m.route.param('lang') ? m.route.param('lang') : app.translator.locale;
+    this.articleLanguage = new Stream(m.route.param('lang') ? m.route.param('lang') : app.translator.locale);
     this.article = app.store.createRecord('discussions');
     this.blogMeta = null;
 
@@ -153,6 +154,11 @@ export default class BlogComposer extends Page {
 
     const blogImage = this.blogMeta && this.blogMeta.featuredImage() ? `url(${this.blogMeta.featuredImage()})` : defaultImage;
 
+    let LanguageDropdown;
+    if ('fof-discussion-language' in flarum.extensions) {
+      LanguageDropdown = components.LanguageDropdown;
+    }
+
     items.add(
       'content',
       <div className="FlarumBlog-Article-Content">
@@ -168,7 +174,13 @@ export default class BlogComposer extends Page {
         <div className={'FlarumBlog-Article-Content-Edit-Button'}>
           <div className={this.languages.length === 0 ? 'FlarumBlog-Article-Content-Edit-Dropdown' : 'FlarumBlog-Article-Content-EditButtons'}>
             {this.languages !== null && this.languages.length >= 1 && (
-              <LanguageDropdown selected={this.articleLanguage} onclick={(language) => (this.articleLanguage = language)} />
+              <LanguageDropdown
+                selected={this.articleLanguage()}
+                onclick={(language) => {
+                  this.articleLanguage(language);
+                  m.redraw();
+                }}
+              />
             )}
 
             <Button className={'Button'} onclick={(e) => this.openBlogSettings(e)} icon={'fas fa-pencil-alt'} loading={this.isSaving}>

js/src/forum/pages/BlogOverview.js

@@ -5,7 +5,7 @@ import Page from 'flarum/common/components/Page';
 import Button from 'flarum/common/components/Button';
 import BlogCategories from '../components/BlogCategories';
 import Link from 'flarum/common/components/Link';
-import LanguageDropdown from '../components/LanguageDropdown/LanguageDropdown';
+import { components } from '@fof-discussion-language';
 import ForumNav from '../components/ForumNav';
 import BlogOverviewItem from '../components/BlogOverviewItem';
 import FeaturedBlogItem from '../components/FeaturedBlogItem';
@@ -138,6 +138,11 @@ export default class BlogOverview extends Page {
       ? `url(${app.forum.attribute('baseUrl') + '/assets/' + app.forum.attribute('blogDefaultImage')})`
       : null;
 
+    let LanguageDropdown;
+    if ('fof-discussion-language' in flarum.extensions) {
+      LanguageDropdown = components.LanguageDropdown;
+    }
+
     return [
       app.forum.attribute('blogAddHero') == true && IndexPage.prototype.hero(),
       <div className={'FlarumBlogOverview'}>

js/webpack.config.js

@@ -1,5 +1,5 @@
-const config = require("flarum-webpack-config");
+const config = require('flarum-webpack-config');
 
 module.exports = config({
-  useExtensions: ["fof-upload"],
+  useExtensions: ['fof-upload', 'fof-discussion-language'],
 });