mostlymatter/webapp/channels/src/selectors/lhs.ts

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.

import {createSelector} from 'mattermost-redux/selectors/create_selector';
import {
    isCollapsedThreadsEnabled,
} from 'mattermost-redux/selectors/entities/preferences';

import {makeGetDraftsCount} from 'selectors/drafts';

import type {SidebarSize} from 'components/resizable_sidebar/constants';

import type {GlobalState} from 'types/store';
import type {StaticPage} from 'types/store/lhs';

export function getIsLhsOpen(state: GlobalState): boolean {
    return state.views.lhs.isOpen;
}

export function getLhsSize(state: GlobalState): SidebarSize {
    return state.views.lhs.size;
}

export function getCurrentStaticPageId(state: GlobalState): string {
    return state.views.lhs.currentStaticPageId;
}

export const getDraftsCount = makeGetDraftsCount();

export const getVisibleStaticPages = createSelector(
    'getVisibleSidebarStaticPages',
    isCollapsedThreadsEnabled,
    getDraftsCount,
    (collapsedThreadsEnabled, draftsCount) => {
        const staticPages: StaticPage[] = [];

        if (collapsedThreadsEnabled) {
            staticPages.push({
                id: 'threads',
                isVisible: true,
            });
        }

        staticPages.push({
            id: 'drafts',
            isVisible: draftsCount > 0,
        });

        return staticPages.filter((item) => item.isVisible);
    },
);