⚓ fix: Export Button Content Shift; chore: bump axios and add loggi…

…ng (danny-avila#3668) * chore: bump axios version * fix: export button glitch * fix: remove console logs
BertKiv · Aug 16, 2024 · 93a9e64 · 93a9e64
1 parent ac83178
commit 93a9e64
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 18 deletions.
diff --git a/client/src/components/Audio/TTS.tsx b/client/src/components/Audio/TTS.tsx
@@ -75,7 +75,7 @@ export function BrowserTTS({ isLast, index, messageId, content, className }: TMe
         }}
         src={audioRef.current?.src}
         onError={(error) => {
-          console.error('Error fetching audio:', error);
+          logger.error('Error fetching audio:', error);
         }}
         id={`audio-${messageId}`}
         muted
@@ -166,7 +166,7 @@ export function EdgeTTS({ isLast, index, messageId, content, className }: TMessa
           }}
           src={audioRef.current?.src}
           onError={(error) => {
-            console.error('Error fetching audio:', error);
+            logger.error('Error fetching audio:', error);
           }}
           id={`audio-${messageId}`}
           muted
@@ -245,7 +245,7 @@ export function ExternalTTS({ isLast, index, messageId, content, className }: TM
         }}
         src={audioRef.current?.src}
         onError={(error) => {
-          console.error('Error fetching audio:', error);
+          logger.error('Error fetching audio:', error);
         }}
         id={`audio-${messageId}`}
         muted

diff --git a/client/src/components/Chat/ExportAndShareMenu.tsx b/client/src/components/Chat/ExportAndShareMenu.tsx
@@ -3,7 +3,7 @@ import { Upload, Share2 } from 'lucide-react';
 import { useRecoilValue } from 'recoil';
 import { ShareButton } from '~/components/Conversations/ConvoOptions';
 import { Button, DropdownPopup } from '~/components/ui';
-import useLocalize from '~/hooks/useLocalize';
+import { useMediaQuery, useLocalize } from '~/hooks';
 import { ExportModal } from '../Nav';
 import store from '~/store';
 
@@ -17,6 +17,7 @@ export default function ExportAndShareMenu({
   const [isPopoverActive, setIsPopoverActive] = useState(false);
   const [showExports, setShowExports] = useState(false);
   const [showShareDialog, setShowShareDialog] = useState(false);
+  const isSmallScreen = useMediaQuery('(max-width: 768px)');
 
   const exportable =
     conversation &&
@@ -73,6 +74,7 @@ export default function ExportAndShareMenu({
         }
         items={dropdownItems}
         anchor="bottom end"
+        className={isSmallScreen ? '' : 'absolute right-0 top-0 mt-2'}
       />
       {showShareDialog && conversation.conversationId != null && (
         <ShareButton

diff --git a/client/src/components/Chat/Input/StreamAudio.tsx b/client/src/components/Chat/Input/StreamAudio.tsx
@@ -84,15 +84,15 @@ export default function StreamAudio({ index = 0 }) {
 
         setAudioRunId(activeRunId);
         if (cachedResponse) {
-          console.log('Audio found in cache');
+          logger.log('Audio found in cache');
           const audioBlob = await cachedResponse.blob();
           const blobUrl = URL.createObjectURL(audioBlob);
           setGlobalAudioURL(blobUrl);
           setIsFetching(false);
           return;
         }
 
-        console.log('Fetching audio...', navigator.userAgent);
+        logger.log('Fetching audio...', navigator.userAgent);
         const response = await fetch('/api/files/speech/tts', {
           method: 'POST',
           headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${token}` },
@@ -137,7 +137,7 @@ export default function StreamAudio({ index = 0 }) {
         }
 
         if (chunks.length) {
-          console.log('Adding audio to cache');
+          logger.log('Adding audio to cache');
           const latestMessages = getMessages() ?? [];
           const targetMessage = latestMessages.find(
             (msg) => msg.messageId === latestMessage?.messageId,
@@ -161,13 +161,13 @@ export default function StreamAudio({ index = 0 }) {
           setIsFetching(false);
         }
 
-        console.log('Audio stream reading ended');
+        logger.log('Audio stream reading ended');
       } catch (error) {
         if (error?.['message'] !== promiseTimeoutMessage) {
-          console.log(promiseTimeoutMessage);
+          logger.log(promiseTimeoutMessage);
           return;
         }
-        console.error('Error fetching audio:', error);
+        logger.error('Error fetching audio:', error);
         setIsFetching(false);
         setGlobalAudioURL(null);
       } finally {

diff --git a/package-lock.json b/package-lock.json