feat: optimize db queries

FallenDeity · Jul 29, 2023 · 4f97dee · 4f97dee
1 parent 38b81a1
commit 4f97dee
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Chat/AudioBar.tsx b/src/components/Chat/AudioBar.tsx
@@ -213,18 +213,18 @@ export default function AudioBar({
 				)}
 				<div
 					// eslint-disable-next-line @typescript-eslint/restrict-template-expressions
-					className={`w-32 sm:w-48 lg:w-60 ${MessageSearch && "lg:w-32"}`}
+					className={`w-32 sm:w-48 lg:w-60 ${MessageSearch && "lg:w-28"}`}
 					// eslint-disable-next-line @typescript-eslint/ban-ts-comment
 					// @ts-expect-error
 					ref={waveFormRef}
 					hidden={recording}
 				/>
-				{audio && isPlaying && (
+				{audio && isPlaying && !MessageSearch && (
 					<span className="hidden text-xs text-[#54656f] dark:text-[#aebac1] sm:flex">
 						{formatTime(currentPlaybackTime)} / {formatTime(totalDuration)}
 					</span>
 				)}
-				{audio && !isPlaying && !recording && (
+				{audio && !isPlaying && !recording && !MessageSearch && (
 					<span className="hidden text-xs text-[#54656f] dark:text-[#aebac1] sm:flex">
 						{formatTime(currentPlaybackTime)} / {formatTime(totalDuration)}
 					</span>

diff --git a/src/components/Chat/VoiceMessage.tsx b/src/components/Chat/VoiceMessage.tsx
@@ -106,7 +106,7 @@ export default function VoiceMessage({
 			<div className="relative">
 				{/* eslint-disable-next-line  @typescript-eslint/ban-ts-comment */}
 				{/* @ts-expect-error */}
-				<div className={`mb-1 w-48 lg:w-60 ${MessageSearch && "lg:w-32"}`} ref={waveFormRef} />
+				<div className={`mb-1 w-48 lg:w-60 ${MessageSearch && "lg:w-28"}`} ref={waveFormRef} />
 				{audio && isPlaying && (
 					<span className="text-xs text-[#54656f] dark:text-[#aebac1]">
 						{formatTime(currentPlaybackTime)} / {formatTime(totalDuration)}