Help with Mobile View, wanecho/mobile-tab

ritheshnayak

i am using wanecho/mobile-tab
https://flarum.org/extension/acpl/mobile-tab

Can i edit MobileTab.tsx in the
htdoc/vendor/acpl/mobile-tab/js/src/forum/components
to add or remove items instead of creating a new extension? please help me

// External dependencies
import type { Children, Vnode } from 'mithril';
import app from 'flarum/forum/app';
import type { ComponentAttrs } from 'flarum/common/Component';
import Component from 'flarum/common/Component';
import listItems from 'flarum/common/helpers/listItems';
import ItemList from 'flarum/common/utils/ItemList';
import LinkButton from 'flarum/common/components/LinkButton';
import Button from 'flarum/common/components/Button';
import LogInModal from 'flarum/forum/components/LogInModal';

// Internal dependencies
import MobileTabItem from './MobileTabItem';
import MobileTabSessionDropdown from './MobileTabSessionDropdown';

export default class MobileTab extends Component {
  view(vnode: Vnode<ComponentAttrs, this>): Children {
    return (
      <nav className="MobileTab">
        <ul className="MobileTab-items">{listItems(this.items().toArray())}</ul>
      </nav>
    );
  }

  items(): ItemList<Children> {
    const items = new ItemList<Children>();

items.add('home', <MobileTabItem route="/" icon="fas fa-home" label={app.translator.trans('acpl-mobile-tab.forum.home')} />, 100);

if ('v17development-flarum-blog' in flarum.extensions) {
  items.add(
    'events',
    <MobileTabItem route={app.route('blog')} icon="fas fa-calander" label={app.translator.trans('acpl-mobile-tab.forum.all_discussions')} />,
    90
  );
} else if ('askvortsov-categories' in flarum.extensions) {
  items.add(
    'categories',
    <MobileTabItem route={app.route('categories')} icon="fas fa-th-list" label={app.translator.trans('acpl-mobile-tab.forum.categories')} />,
    90
  );
} else if ('flarum-tags' in flarum.extensions) {
  items.add(
    'tags',
    <MobileTabItem route={app.route('tags')} icon="fas fa-tags" label={app.translator.trans('acpl-mobile-tab.forum.tags')} />,
    90
  );
}

if (app.session.user) {
  const unread = app.session.user.unreadNotificationCount();
  // The default Flarum component opens as a dropdown on mobile if the drawer is not open
  items.add(
    'notifications',
    <LinkButton
      href={app.route('notifications')}
      icon="fas fa-bell"
      title={app.translator.trans('acpl-mobile-tab.forum.notifications')}
      className="Dropdown NotificationsDropdown"
    >
      {unread ? <span className="NotificationsDropdown-unread">{unread}</span> : ''}
      {app.translator.trans('acpl-mobile-tab.forum.notifications')}
    </LinkButton>,
    80
  );

  items.add('session', <MobileTabSessionDropdown />, 70);
} else {
  items.add(
    'logIn',
    <Button icon="fas fa-user" className="Button Button--link" onclick={() => app.modal.show(LogInModal, {})}>
      {app.translator.trans('acpl-mobile-tab.forum.log_in')}
    </Button>,
    70
  );
}

return items;
  }
}

i have made the changes and uploaded the files but no changes are seen

or if there is any other way to do it please tell m