You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
987 B
TypeScript
28 lines
987 B
TypeScript
import { useSelector } from 'react-redux';
|
|
import { useAppIsFocused } from '../hooks/useAppFocused';
|
|
import { getFocusedSettingsSection } from '../state/selectors/section';
|
|
|
|
import { SmartSessionConversation } from '../state/smart/SessionConversation';
|
|
import { useHTMLDirection } from '../util/i18n';
|
|
import { SessionSettingsView } from './settings/SessionSettings';
|
|
|
|
const FilteredSettingsView = SessionSettingsView as any;
|
|
|
|
export const SessionMainPanel = () => {
|
|
const focusedSettingsSection = useSelector(getFocusedSettingsSection);
|
|
const isSettingsView = focusedSettingsSection !== undefined;
|
|
const htmlDirection = useHTMLDirection();
|
|
|
|
// even if it looks like this does nothing, this does update the redux store.
|
|
useAppIsFocused();
|
|
|
|
if (isSettingsView) {
|
|
return <FilteredSettingsView category={focusedSettingsSection} />;
|
|
}
|
|
return (
|
|
<div className="session-conversation">
|
|
<SmartSessionConversation htmlDirection={htmlDirection} />
|
|
</div>
|
|
);
|
|
};
|