Spaces:
Running
Running
Update src/components/logo/Logo.tsx
Browse files
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
|
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 |
-
|
51 |
-
|
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 |
</>
|