Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-16 16:30:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

🎛️ fix: Show ModelSelector and Header Buttons Regression from #10521 (#10690)

Browse source 
* fix: show ModelSelector and other buttons properly

* chore: remove string templates and fix import order

* chore: import order

---------

Co-authored-by: Danny Avila <danny@librechat.ai>
This commit is contained in:
Dustin Healy 2025-11-26 11:13:01 -08:00 • committed by Danny Avila
parent 2989ebd649
commit 98b188f26c
No known key found for this signature in database
GPG key ID: BF31EEB2C5CA0956
1 changed files with 9 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

16
client/src/components/Chat/Header.tsx
View file

@ -1,17 +1,18 @@
import { useMemo } from 'react';
import { useMediaQuery } from '@librechat/client';
import { useOutletContext } from 'react-router-dom';
import { AnimatePresence, motion } from 'framer-motion';
import { getConfigDefaults, PermissionTypes, Permissions } from 'librechat-data-provider';
import type { ContextType } from '~/common';
import ModelSelector from './Menus/Endpoints/ModelSelector';
import { PresetsMenu, HeaderNewChat, OpenSidebar } from './Menus';
import ModelSelector from './Menus/Endpoints/ModelSelector';
import { useGetStartupConfig } from '~/data-provider';
import ExportAndShareMenu from './ExportAndShareMenu';
import BookmarkMenu from './Menus/BookmarkMenu';
import { TemporaryChat } from './TemporaryChat';
import AddMultiConvo from './AddMultiConvo';
import { useHasAccess } from '~/hooks';
import { AnimatePresence, motion } from 'framer-motion';
import { cn } from '~/utils';
const defaultInterface = getConfigDefaults().interface;
@ -44,7 +45,7 @@ export default function Header() {
<AnimatePresence initial={false}>
{!navVisible && (
<motion.div
className={`flex items-center gap-2`}
className="flex items-center gap-2"
initial={{ width: 0, opacity: 0 }}
animate={{ width: 'auto', opacity: 1 }}
exit={{ width: 0, opacity: 0 }}
@ -61,11 +62,12 @@ export default function Header() {
</motion.div>
)}
</AnimatePresence>
{!isSmallScreen && !navVisible && (
{!(navVisible && isSmallScreen) && (
<div
className={`flex items-center gap-2 ${
!isSmallScreen ? 'transition-all duration-200 ease-in-out' : ''
} `}
className={cn(
'flex items-center gap-2',
!isSmallScreen ? 'transition-all duration-200 ease-in-out' : '',
)}
>
<ModelSelector startupConfig={startupConfig} />
{interfaceConfig.presets === true && interfaceConfig.modelSelect && <PresetsMenu />}