diff --git a/client/src/components/svg/BingIcon.jsx b/client/src/components/svg/BingIcon.jsx index 124c44ad72..82c01ca375 100644 --- a/client/src/components/svg/BingIcon.jsx +++ b/client/src/components/svg/BingIcon.jsx @@ -1,135 +1,294 @@ import React from 'react'; -export default function BingIcon({ size = 25 }) { +export default function BingIcon() { return ( - - - - - - - + + + + + + + + - - - - - - - - + + + + + + + + - - - - - - - - + + + + + + + + - - - - + + + + - - - - - - - - - - - - + + + + + + + + + + + + - - - - - - - - - - - - + + + + + + + + + + + + - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); } diff --git a/client/src/components/svg/BingIconBackup.jsx b/client/src/components/svg/BingIconBackup.jsx new file mode 100644 index 0000000000..d1f4fa73c8 --- /dev/null +++ b/client/src/components/svg/BingIconBackup.jsx @@ -0,0 +1,135 @@ +import React from 'react'; + +export default function BingIcon({ size = 25 }) { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +} diff --git a/client/src/components/svg/BingJbIcon.jsx b/client/src/components/svg/BingJbIcon.jsx new file mode 100644 index 0000000000..e7530bec7e --- /dev/null +++ b/client/src/components/svg/BingJbIcon.jsx @@ -0,0 +1,279 @@ +import React from 'react'; + +export default function BingIcon() { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +} diff --git a/client/src/components/svg/index.ts b/client/src/components/svg/index.ts index e65812132d..8f95a51fa5 100644 --- a/client/src/components/svg/index.ts +++ b/client/src/components/svg/index.ts @@ -1,6 +1,7 @@ export { default as Plugin } from './Plugin'; export { default as GPTIcon } from './GPTIcon'; export { default as BingIcon } from './BingIcon'; +export { default as BingJbIcon } from './BingJbIcon'; export { default as CogIcon } from './CogIcon'; export { default as Spinner } from './Spinner'; export { default as MessagesSquared } from './MessagesSquared'; diff --git a/client/src/utils/getIcon.jsx b/client/src/utils/getIcon.jsx index f3d6d0a745..c6759a7cc6 100644 --- a/client/src/utils/getIcon.jsx +++ b/client/src/utils/getIcon.jsx @@ -1,4 +1,4 @@ -import { Plugin, GPTIcon, BingIcon, AnthropicIcon } from '~/components/svg'; +import { Plugin, GPTIcon, BingIcon, BingJbIcon, AnthropicIcon } from '~/components/svg'; import { useAuthContext } from '~/hooks/AuthContext'; import { cn } from '~/utils' @@ -63,9 +63,13 @@ const getIcon = (props) => { name = modelLabel || 'Claude'; } else if (endpoint === 'bingAI') { const { jailbreak } = props; - icon = ; - bg = jailbreak ? 'radial-gradient(circle at 90% 110%, #F0F0FA, #D0E0F9)' : 'transparent'; - name = jailbreak ? 'Sydney' : 'BingAI'; + if (jailbreak) { + icon = ; + name = 'Sydney'; + } else { + icon = ; + name = 'BingAI'; + } } else if (endpoint === 'chatGPTBrowser') { icon = ; bg =