added donwload

src/components/HomePage/RightBar/ChatBar/Messages/MessageLeftAudio/index.tsx

@@ -19,7 +19,7 @@ const useStyles = makeStyles({
       position: "absolute",
       fontSize: ".65em",
       fontWeight:600,
-      bottom: -5,
+      bottom: -6,
       right: -5,
       color: '#ffffff',
       backgroundColor: '#3a3a3a',

src/components/HomePage/RightBar/ChatBar/Messages/MessageRightAudio/index.tsx

@@ -19,7 +19,7 @@ const useStyles = makeStyles({
       position: "absolute",
       fontSize: ".65em",
       fontWeight:600,
-      bottom: -5,
+      bottom: -6,
       right: -5,
       color: '#ffffff',
       backgroundColor: '#3a3a3a',

src/components/HomePage/RightBar/ChatBar/Players/AudioPlayer/index.tsx

@@ -16,7 +16,7 @@ const useStyles = makeStyles({
     padding:'0 5px'
   },
   icon: {
-    color: '#0072dd',
+    color: '#2d8fff',
     cursor:"pointer"
   },
   iconCancel: {
@@ -96,7 +96,8 @@ const  AudioPlayer = ({ src,audio,setAudio,i }: IAudioPlayer) => {
             aria-label="Small"
             valueLabelDisplay="auto"
         />
-        {audio.i !== i && <AudioFileIcon style={{color:'#047dce'}} fontSize="large"/>}
+        {audio.i !== i && <a href={src}  target="_blank" rel="noreferrer">
+          <AudioFileIcon style={{ color: '#696969' }} fontSize="large" /> </a>}
         {audio.i === i && audio.volume && <VolumeUpIcon
           onClick={handleVolume} className={classes.icon} fontSize="small"/>}
         {audio.i === i && !audio.volume && <VolumeOffIcon