mirror of
https://github.com/danny-avila/LibreChat.git
synced 2025-12-17 17:00:15 +01:00
e5336039fc
* ci(backend-review.yml): add linter step to the backend review workflow * chore(backend-review.yml): remove prettier from lint-action configuration * chore: apply new linting workflow * chore(lint-staged.config.js): reorder lint-staged tasks for JavaScript and TypeScript files * chore(eslint): update ignorePatterns in .eslintrc.js chore(lint-action): remove prettier option in backend-review.yml chore(package.json): add lint and lint:fix scripts * chore(lint-staged.config.js): remove prettier --write command for js, jsx, ts, tsx files * chore(titleConvo.js): remove unnecessary console.log statement chore(titleConvo.js): add missing comma in options object * chore: apply linting to all files * chore(lint-staged.config.js): update lint-staged configuration to include prettier formatting
84 lines
2.8 KiB
JavaScript
84 lines
2.8 KiB
JavaScript
import { useState } from 'react';
|
|
import { useRecoilValue } from 'recoil';
|
|
import { Plugin } from '~/components/svg';
|
|
import EndpointOptionsDialog from '../Endpoints/EndpointOptionsDialog';
|
|
import { cn, alternateName } from '~/utils/';
|
|
|
|
import store from '~/store';
|
|
|
|
const MessageHeader = ({ isSearchView = false }) => {
|
|
const [saveAsDialogShow, setSaveAsDialogShow] = useState(false);
|
|
const conversation = useRecoilValue(store.conversation);
|
|
const searchQuery = useRecoilValue(store.searchQuery);
|
|
const { endpoint } = conversation;
|
|
const isNotClickable = endpoint === 'chatGPTBrowser' || endpoint === 'gptPlugins';
|
|
const { model } = conversation;
|
|
const plugins = (
|
|
<>
|
|
<Plugin />{' '}
|
|
<span className="px-1">•</span>
|
|
<span className="py-0.25 ml-1 rounded bg-blue-200 px-1 text-[10px] font-semibold uppercase text-[#4559A4]">
|
|
beta
|
|
</span>
|
|
<span className="px-1">•</span>
|
|
Model: {model}
|
|
</>
|
|
);
|
|
|
|
const getConversationTitle = () => {
|
|
if (isSearchView) return `Search: ${searchQuery}`;
|
|
else {
|
|
let _title = `${alternateName[endpoint] ?? endpoint}`;
|
|
|
|
if (endpoint === 'azureOpenAI' || endpoint === 'openAI') {
|
|
const { chatGptLabel } = conversation;
|
|
if (model) _title += `: ${model}`;
|
|
if (chatGptLabel) _title += ` as ${chatGptLabel}`;
|
|
} else if (endpoint === 'google') {
|
|
_title = 'PaLM';
|
|
const { modelLabel, model } = conversation;
|
|
if (model) _title += `: ${model}`;
|
|
if (modelLabel) _title += ` as ${modelLabel}`;
|
|
} else if (endpoint === 'bingAI') {
|
|
const { jailbreak, toneStyle } = conversation;
|
|
if (toneStyle) _title += `: ${toneStyle}`;
|
|
if (jailbreak) _title += ' as Sydney';
|
|
} else if (endpoint === 'chatGPTBrowser') {
|
|
if (model) _title += `: ${model}`;
|
|
} else if (endpoint === 'gptPlugins') {
|
|
return plugins;
|
|
} else if (endpoint === 'anthropic') {
|
|
_title = 'Claude';
|
|
} else if (endpoint === null) {
|
|
null;
|
|
} else {
|
|
null;
|
|
}
|
|
return _title;
|
|
}
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<div
|
|
className={cn(
|
|
'dark:text-gray-450 w-full gap-1 border-b border-black/10 bg-gray-50 text-sm text-gray-500 transition-all hover:bg-gray-100 hover:bg-opacity-30 dark:border-gray-900/50 dark:bg-gray-700 dark:hover:bg-gray-600 dark:hover:bg-opacity-100 dark:text-gray-500',
|
|
isNotClickable ? '' : 'cursor-pointer ',
|
|
)}
|
|
onClick={() => (isNotClickable ? null : setSaveAsDialogShow(true))}
|
|
>
|
|
<div className="d-block flex w-full items-center justify-center p-3">
|
|
{getConversationTitle()}
|
|
</div>
|
|
</div>
|
|
|
|
<EndpointOptionsDialog
|
|
open={saveAsDialogShow}
|
|
onOpenChange={setSaveAsDialogShow}
|
|
preset={conversation}
|
|
/>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default MessageHeader;
|