From 4f97dee19eb889555971753d3b5a73f115bcb393 Mon Sep 17 00:00:00 2001
From: FallenDeity <61227305+FallenDeity@users.noreply.github.com>
Date: Sat, 29 Jul 2023 14:11:21 +0530
Subject: [PATCH] feat: optimize db queries

---
 src/components/Chat/AudioBar.tsx     | 6 +++---
 src/components/Chat/VoiceMessage.tsx | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Chat/AudioBar.tsx b/src/components/Chat/AudioBar.tsx
index 545c2f6..5a52bbf 100644
--- 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
index 70044f3..52382b7 100644
--- 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)}