Ezmary commited on
Commit
1da4ddf
·
verified ·
1 Parent(s): 4999e7d

Update src/components/logo/Logo.tsx

Browse files
Files changed (1) hide show
  1. src/components/logo/Logo.tsx +3 -9
src/components/logo/Logo.tsx CHANGED
@@ -3,25 +3,20 @@
3
  import React from 'react';
4
  import cn from "classnames";
5
  import { humanAiIcon } from '../icons';
6
- import './Logo.scss'; // <<--- این ایمپورت بسیار مهم است و باید وجود داشته باشد
7
 
8
  type LogoProps = {
9
  isMini: boolean;
10
  isAi: boolean;
11
  isActive: boolean;
12
  speakingVolume?: number;
13
- isUserSpeaking?: boolean;
14
  }
15
 
16
- export default function Logo({isAi, isActive, isMini, speakingVolume = 0, isUserSpeaking = false}: LogoProps) {
17
 
18
  if (!isActive) return null;
19
 
20
  const aiVoiceScale = 1 + (speakingVolume * 1.5);
21
 
22
- const humanColor = isUserSpeaking ? "#FFFFFF" : "#E2E8F0";
23
- const aiColor = "#FFFFFF";
24
-
25
  return (
26
  <div className={cn("w-fit flex items-center justify-center")}>
27
  <div className={"hidden bg-green-200 bg-green-300 bg-green-400 bg-blue-200 bg-blue-300 bg-blue-400 dark:bg-green-700 dark:bg-green-600 dark:bg-green-500 dark:bg-blue-700 dark:bg-blue-600 dark:bg-blue-500"}>
@@ -47,9 +42,8 @@ export default function Logo({isAi, isActive, isMini, speakingVolume = 0, isUser
47
  <div className={cn("z-10 absolute flex items-center justify-center inset-0")}>
48
  {humanAiIcon({
49
  size: isMini ? 24 : 45,
50
- className: cn({ 'user-speaking': isUserSpeaking }),
51
- humanColor: humanColor,
52
- aiColor: aiColor,
53
  })}
54
  </div>
55
  </>
 
3
  import React from 'react';
4
  import cn from "classnames";
5
  import { humanAiIcon } from '../icons';
 
6
 
7
  type LogoProps = {
8
  isMini: boolean;
9
  isAi: boolean;
10
  isActive: boolean;
11
  speakingVolume?: number;
 
12
  }
13
 
14
+ export default function Logo({isAi, isActive, isMini, speakingVolume = 0}: LogoProps) {
15
 
16
  if (!isActive) return null;
17
 
18
  const aiVoiceScale = 1 + (speakingVolume * 1.5);
19
 
 
 
 
20
  return (
21
  <div className={cn("w-fit flex items-center justify-center")}>
22
  <div className={"hidden bg-green-200 bg-green-300 bg-green-400 bg-blue-200 bg-blue-300 bg-blue-400 dark:bg-green-700 dark:bg-green-600 dark:bg-green-500 dark:bg-blue-700 dark:bg-blue-600 dark:bg-blue-500"}>
 
42
  <div className={cn("z-10 absolute flex items-center justify-center inset-0")}>
43
  {humanAiIcon({
44
  size: isMini ? 24 : 45,
45
+ humanColor: "#FFFFFF",
46
+ aiColor: "#FFFFFF",
 
47
  })}
48
  </div>
49
  </>