File size: 2,204 Bytes
0a765f7 aa2e6af 0a765f7 aa2e6af 0a765f7 aa2e6af 0a765f7 aa2e6af 0a765f7 aa2e6af 0a765f7 aa2e6af 0a765f7 aa2e6af 0a765f7 aa2e6af 0a765f7 aa2e6af 0a765f7 aa2e6af 0a765f7 aa2e6af 0a765f7 aa2e6af | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 | // import { useMemo } from 'react';
import { useOutletContext } from 'react-router-dom';
// import { getConfigDefaults } from 'librechat-data-provider';
// import { useGetStartupConfig } from 'librechat-data-provider/react-query';
import type { ContextType } from '~/common';
import { /* EndpointsMenu, ModelSpecsMenu, PresetsMenu,*/ HeaderNewChat } from './Menus';
// import ExportAndShareMenu from './ExportAndShareMenu';
// import HeaderOptions from './Input/HeaderOptions';
// import AddMultiConvo from './AddMultiConvo';
// import { useMediaQuery } from '~/hooks';
// const defaultInterface = getConfigDefaults().interface;
export default function Header() {
// const { data: startupConfig } = useGetStartupConfig();
const { navVisible } = useOutletContext<ContextType>();
/* const modelSpecs = useMemo(() => startupConfig?.modelSpecs?.list ?? [], [startupConfig]);
const interfaceConfig = useMemo(
() => startupConfig?.interface ?? defaultInterface,
[startupConfig],
); */
// const isSmallScreen = useMediaQuery('(max-width: 768px)');
return (
<div className="sticky top-0 z-10 flex h-14 w-full items-center justify-between bg-white p-2 font-semibold dark:bg-gray-800 dark:text-white">
<div className="hide-scrollbar flex w-full items-center justify-between gap-2 overflow-x-auto">
<div className="flex items-center gap-2">
{!navVisible && <HeaderNewChat />}
{/* {interfaceConfig.endpointsMenu && <EndpointsMenu />} */}
{/* {modelSpecs?.length > 0 && <ModelSpecsMenu modelSpecs={modelSpecs} />} */}
{/* {<HeaderOptions interfaceConfig={interfaceConfig} />} */}
{/* {interfaceConfig.presets && <PresetsMenu />} */}
{/* {isSmallScreen && (
<ExportAndShareMenu
isSharedButtonEnabled={startupConfig?.sharedLinksEnabled ?? false}
className="pl-0"
/>
)} */}
{/* <AddMultiConvo /> */}
</div>
{/* {!isSmallScreen && (
<ExportAndShareMenu isSharedButtonEnabled={startupConfig?.sharedLinksEnabled ?? false} />
)} */}
</div>
{/* Empty div for spacing */}
<div />
</div>
);
}
|