77 lines
2.3 KiB
TypeScript
77 lines
2.3 KiB
TypeScript
// Copyright 2023 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
import React from 'react';
|
|
import type { LocalizerType } from '../types/I18N';
|
|
import type { NavTabPanelProps } from './NavTabs';
|
|
import { WhatsNewLink } from './WhatsNewLink';
|
|
import type { UnreadStats } from '../util/countUnreadStats';
|
|
|
|
export type ChatsTabProps = Readonly<{
|
|
otherTabsUnreadStats: UnreadStats;
|
|
i18n: LocalizerType;
|
|
isStaging: boolean;
|
|
hasPendingUpdate: boolean;
|
|
hasFailedStorySends: boolean;
|
|
navTabsCollapsed: boolean;
|
|
onToggleNavTabsCollapse: (navTabsCollapsed: boolean) => void;
|
|
renderConversationView: () => JSX.Element;
|
|
renderLeftPane: (props: NavTabPanelProps) => JSX.Element;
|
|
renderMiniPlayer: (options: { shouldFlow: boolean }) => JSX.Element;
|
|
selectedConversationId: string | undefined;
|
|
showWhatsNewModal: () => unknown;
|
|
}>;
|
|
|
|
export function ChatsTab({
|
|
otherTabsUnreadStats,
|
|
i18n,
|
|
isStaging,
|
|
hasPendingUpdate,
|
|
hasFailedStorySends,
|
|
navTabsCollapsed,
|
|
onToggleNavTabsCollapse,
|
|
renderConversationView,
|
|
renderLeftPane,
|
|
renderMiniPlayer,
|
|
selectedConversationId,
|
|
showWhatsNewModal,
|
|
}: ChatsTabProps): JSX.Element {
|
|
return (
|
|
<>
|
|
<div id="LeftPane">
|
|
{renderLeftPane({
|
|
otherTabsUnreadStats,
|
|
collapsed: navTabsCollapsed,
|
|
hasPendingUpdate,
|
|
hasFailedStorySends,
|
|
onToggleCollapse: onToggleNavTabsCollapse,
|
|
})}
|
|
</div>
|
|
<div className="Inbox__conversation-stack">
|
|
<div id="toast" />
|
|
{selectedConversationId ? (
|
|
<div
|
|
className="Inbox__conversation"
|
|
id={`conversation-${selectedConversationId}`}
|
|
>
|
|
{renderConversationView()}
|
|
</div>
|
|
) : (
|
|
<div className="Inbox__no-conversation-open">
|
|
{renderMiniPlayer({ shouldFlow: false })}
|
|
<div className="module-splash-screen__logo module-splash-screen__logo--96" />
|
|
<h3 className="Inbox__welcome">
|
|
{isStaging
|
|
? 'THIS IS A STAGING DESKTOP'
|
|
: i18n('icu:welcomeToSignal')}
|
|
</h3>
|
|
<p className="Inbox__whatsnew">
|
|
<WhatsNewLink i18n={i18n} showWhatsNewModal={showWhatsNewModal} />
|
|
</p>
|
|
<div className="Inbox__padding" />
|
|
</div>
|
|
)}
|
|
</div>
|
|
</>
|
|
);
|
|
}
|