Adjust play button size

sillsdev · Nov 20, 2023 · 76046f1 · 76046f1
1 parent e581134
commit 76046f1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/components/ProjectUsers/ProjectSpeakers.tsx b/src/components/ProjectUsers/ProjectSpeakers.tsx
@@ -81,6 +81,7 @@ function SpeakerListItem(props: ProjSpeakerProps): ReactElement {
         deleteAudio={() => removeConsent(id, projectId)}
         fileName={consent.fileName}
         pronunciationUrl={getAudioUrl(id, consent.fileName)}
+        size={"small"}
         warningTextId="projectSettings.speaker.consent.warning"
       />
     </ListItemIcon>

diff --git a/src/components/Pronunciations/AudioPlayer.tsx b/src/components/Pronunciations/AudioPlayer.tsx
@@ -24,6 +24,7 @@ interface PlayerProps {
   fileName: string;
   onClick?: () => void;
   pronunciationUrl: string;
+  size?: "large" | "medium" | "small";
   warningTextId?: string;
 }
 
@@ -106,7 +107,7 @@ export default function AudioPlayer(props: PlayerProps): ReactElement {
           onTouchEnd={enableContextMenu}
           aria-label="play"
           id={`audio-${props.fileName}`}
-          size="large"
+          size={props.size || "large"}
         >
           {isPlaying ? <Stop sx={iconStyle} /> : <PlayArrow sx={iconStyle} />}
         </IconButton>