[deleted] I see that Whisper does not export its components. If the components were exported, then it would be possible to import them into my extension and add them as I showed in the documentation.
E.g. This is what it would look like:

//...
import Components from '@kyrne-whisper';

extend(MobileTab.prototype, 'items', (items) => {
    items.add('Messages', Components.ConversationsDropdown, 71);
})

You have to ask the author of Whisper to add component export in the code of his extension.

      @[deleted] I looked through the code of this extension more carefully and I see that there is a conversation page as well. So however, you can get around this lack of export by doing something like this:

      import { components } from '@acpl-mobile-tab';
import { extend } from 'flarum/common/extend';

const { MobileTab, MobileTabItem } = components;

export default () => {
  extend(MobileTab.prototype, 'items', (items) => {
    items.add(
      'Messages',
      <MobileTabItem href={app.route('conversations')} icon="fas fa-comment-alt" label={app.translator.trans('kyrne-whisper.forum.dropdown.tooltip')} />,
      71
    );
  });
};

      If you want to display a counter of unread messages you can do it similarly to what I did with notifications.
      The count could probably be retrieved from app.session.user.unreadMessages.

        • [deleted]

        • Post #65
        • Edited

        rafaucau Thanks. Where in the extension would this need to be added ?

            [deleted] In your extension? Where you want it. E.g. Paste the example I provided into a js file, import it in index.js and call it.
            Just make sure you have added this extension as well as Whisper as optional dependencies in composer.json.
            And make sure you have added this extension in your webpack configuration:

            module.exports = require('flarum-webpack-config')({
    useExtensions: ['acpl-mobile-tab']
});

                • [deleted]

                • Post #67

                rafaucau No, sorry. I meant as a way of extending the existing mobile tab (your extension)

                    [deleted] The only way to extend my extension (and others) is to do it in your own extension. You have to write an extension to an extension 😃

                        16 days later

                        Looks great, but I think the Profile menu should include header links such as flagged messages and drafts (from FoF Drafts)...

                        How to add start new discussion in the middle of the tab

                        yes that would be a good idea, not sure how all five buttons will look like

                        rafaucau I feel like you should know, probably most of us here are using other type of devices like iphones, i tested on android, some days now, sometimes while scrolling up, the Tab body acts like it's stretched, or shaking.

                        I tried, Mobile.Tab position fixed but it didnt work.

                          3 months later

                          Great job bro . Will you pls add create new discussion button like whatsapp or make it centre

                            Jishnu If you're talking about an example like this, something like this would be nice. I created it as an example. maybe an idea

                            Or I gave up, I don't think it's good 😁😁😄

                                13 days later

                                Hey guys!

                                I really love this menu, since it's easier to read notifications and stuff.
                                I have a problem.

                                When replying to posts and type I get this sort of bug:
                                (

                                Any chance to have a css that put this menu on TOP instead of bottom?
                                I tried replacing bottom:0; with top: 0; but nothing.

                                ps. i am using a custom header.

                                TY!!!

                                14 days later

                                1.1.0

                                • Upgrade to Webpack v5 - reduced bundle size ( 4.02 KB -> 3.27KB)

                                Requires flarum/core version 1.2.0 or above

                                  rafaucau I'm using Flarum version 1.1.0 I can't update this plugin. Which command do I need to type?

                                      Fealist

                                      composer require acpl/mobile-tab --with-all-dependencies

                                      I solved the problem with this code. Please take backups before running this code.