Can i eddit MobileTab.tsx in the
to add or remove items insted 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 me
