mirror of
https://github.com/danny-avila/LibreChat.git
synced 2025-12-18 17:30:16 +01:00
a5154e1349
* 🚀 feat: Add Save Badges State functionality to chat settings * 🚀 feat: Remove individual chat setting components and introduce a reusable ToggleSwitch component * 🚀 feat: Replace Switches with reusable ToggleSwitch component in General settings; style: improved HoverCard * 🚀 feat: Refactor ChatForm and Footer components for improved layout and state management * 🚀 feat: Add deprecation warning for GPT Plugins endpoint --------- Co-authored-by: Danny Avila <danny@librechat.ai>
105 lines
2.7 KiB
TypeScript
105 lines
2.7 KiB
TypeScript
import { memo } from 'react';
|
|
import FontSizeSelector from './FontSizeSelector';
|
|
import { ForkSettings } from './ForkSettings';
|
|
import ChatDirection from './ChatDirection';
|
|
import ToggleSwitch from '../ToggleSwitch';
|
|
import store from '~/store';
|
|
|
|
const toggleSwitchConfigs = [
|
|
{
|
|
stateAtom: store.enterToSend,
|
|
localizationKey: 'com_nav_enter_to_send',
|
|
switchId: 'enterToSend',
|
|
hoverCardText: 'com_nav_info_enter_to_send',
|
|
key: 'enterToSend',
|
|
},
|
|
{
|
|
stateAtom: store.maximizeChatSpace,
|
|
localizationKey: 'com_nav_maximize_chat_space',
|
|
switchId: 'maximizeChatSpace',
|
|
hoverCardText: undefined,
|
|
key: 'maximizeChatSpace',
|
|
},
|
|
{
|
|
stateAtom: store.centerFormOnLanding,
|
|
localizationKey: 'com_nav_center_chat_input',
|
|
switchId: 'centerFormOnLanding',
|
|
hoverCardText: undefined,
|
|
key: 'centerFormOnLanding',
|
|
},
|
|
{
|
|
stateAtom: store.showThinking,
|
|
localizationKey: 'com_nav_show_thinking',
|
|
switchId: 'showThinking',
|
|
hoverCardText: undefined,
|
|
key: 'showThinking',
|
|
},
|
|
{
|
|
stateAtom: store.showCode,
|
|
localizationKey: 'com_nav_show_code',
|
|
switchId: 'showCode',
|
|
hoverCardText: undefined,
|
|
key: 'showCode',
|
|
},
|
|
{
|
|
stateAtom: store.LaTeXParsing,
|
|
localizationKey: 'com_nav_latex_parsing',
|
|
switchId: 'latexParsing',
|
|
hoverCardText: 'com_nav_info_latex_parsing',
|
|
key: 'latexParsing',
|
|
},
|
|
{
|
|
stateAtom: store.saveDrafts,
|
|
localizationKey: 'com_nav_save_drafts',
|
|
switchId: 'saveDrafts',
|
|
hoverCardText: 'com_nav_info_save_draft',
|
|
key: 'saveDrafts',
|
|
},
|
|
{
|
|
stateAtom: store.showScrollButton,
|
|
localizationKey: 'com_nav_scroll_button',
|
|
switchId: 'showScrollButton',
|
|
hoverCardText: undefined,
|
|
key: 'showScrollButton',
|
|
},
|
|
{
|
|
stateAtom: store.saveBadgesState,
|
|
localizationKey: 'com_nav_save_badges_state',
|
|
switchId: 'showBadges',
|
|
hoverCardText: 'com_nav_info_save_badges_state',
|
|
key: 'showBadges',
|
|
},
|
|
{
|
|
stateAtom: store.modularChat,
|
|
localizationKey: 'com_nav_modular_chat',
|
|
switchId: 'modularChat',
|
|
hoverCardText: undefined,
|
|
key: 'modularChat',
|
|
},
|
|
];
|
|
|
|
function Chat() {
|
|
return (
|
|
<div className="flex flex-col gap-3 p-1 text-sm text-text-primary">
|
|
<div className="pb-3">
|
|
<FontSizeSelector />
|
|
</div>
|
|
<div className="pb-3">
|
|
<ChatDirection />
|
|
</div>
|
|
{toggleSwitchConfigs.map((config) => (
|
|
<div key={config.key} className="pb-3">
|
|
<ToggleSwitch
|
|
stateAtom={config.stateAtom}
|
|
localizationKey={config.localizationKey}
|
|
hoverCardText={config.hoverCardText}
|
|
switchId={config.switchId}
|
|
/>
|
|
</div>
|
|
))}
|
|
<ForkSettings />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default memo(Chat);
|