From 7bed675ad5fd1ecf7912d1a04afe9db5b1032823 Mon Sep 17 00:00:00 2001 From: Haileyesus <118998054+blackmammoth@users.noreply.github.com> Date: Sat, 13 Jun 2026 00:04:56 +0300 Subject: [PATCH] fix: changes provider logos to svg for fast load --- .../llm-logo-provider/ClaudeLogo.tsx | 27 +++++++--- .../llm-logo-provider/CodexLogo.tsx | 27 +++++----- .../llm-logo-provider/CursorLogo.tsx | 32 +++++++----- .../llm-logo-provider/GeminiLogo.tsx | 50 +++++++++++++++++-- 4 files changed, 98 insertions(+), 38 deletions(-) diff --git a/src/components/llm-logo-provider/ClaudeLogo.tsx b/src/components/llm-logo-provider/ClaudeLogo.tsx index d15a0711..5074e2fd 100644 --- a/src/components/llm-logo-provider/ClaudeLogo.tsx +++ b/src/components/llm-logo-provider/ClaudeLogo.tsx @@ -1,14 +1,27 @@ -import React from 'react'; - type ClaudeLogoProps = { className?: string; }; -const ClaudeLogo = ({ className = 'w-5 h-5' }: ClaudeLogoProps) => { - return ( - Claude - ); -}; +const ClaudeLogo = ({ className = 'w-5 h-5' }: ClaudeLogoProps) => ( + + + + +); export default ClaudeLogo; diff --git a/src/components/llm-logo-provider/CodexLogo.tsx b/src/components/llm-logo-provider/CodexLogo.tsx index 0c3a65f0..2a189600 100644 --- a/src/components/llm-logo-provider/CodexLogo.tsx +++ b/src/components/llm-logo-provider/CodexLogo.tsx @@ -1,20 +1,21 @@ -import React from 'react'; -import { useTheme } from '../../contexts/ThemeContext'; - type CodexLogoProps = { className?: string; }; -const CodexLogo = ({ className = 'w-5 h-5' }: CodexLogoProps) => { - const { isDarkMode } = useTheme(); - - return ( - Codex ( + + - ); -}; + +); export default CodexLogo; diff --git a/src/components/llm-logo-provider/CursorLogo.tsx b/src/components/llm-logo-provider/CursorLogo.tsx index a44064ac..916de4f4 100644 --- a/src/components/llm-logo-provider/CursorLogo.tsx +++ b/src/components/llm-logo-provider/CursorLogo.tsx @@ -1,20 +1,26 @@ -import React from 'react'; -import { useTheme } from '../../contexts/ThemeContext'; - type CursorLogoProps = { className?: string; }; -const CursorLogo = ({ className = 'w-5 h-5' }: CursorLogoProps) => { - const { isDarkMode } = useTheme(); - - return ( - Cursor ( + + - ); -}; + + + + + +); export default CursorLogo; diff --git a/src/components/llm-logo-provider/GeminiLogo.tsx b/src/components/llm-logo-provider/GeminiLogo.tsx index 9954dd78..d0624d99 100644 --- a/src/components/llm-logo-provider/GeminiLogo.tsx +++ b/src/components/llm-logo-provider/GeminiLogo.tsx @@ -1,7 +1,47 @@ -const GeminiLogo = ({className = 'w-5 h-5'}) => { - return ( - Gemini - ); +type GeminiLogoProps = { + className?: string; }; -export default GeminiLogo; \ No newline at end of file +const GeminiLogo = ({ className = 'w-5 h-5' }: GeminiLogoProps) => ( + + + + + + + + + + + + + + + + + + + + +); + +export default GeminiLogo;