website/src/components/Entry.tsx

@@ -8,7 +8,6 @@
 import ExtraEntryInfo from "../components/ExtraEntryInfo";
 import classNames from "classnames";
 import { Types as T, InlinePs } from "@lingdocs/ps-react";
-import playStorageAudio from "./PlayStorageAudio";
 
 function Entry({
   entry,
@@ -21,12 +20,6 @@ function Entry({
   nonClickable?: boolean;
   isolateEntry?: (ts: number) => void;
 }) {
-  function handlePlayStorageAudio(
-    e: React.MouseEvent<HTMLElement, MouseEvent>
-  ) {
-    e.stopPropagation();
-    playStorageAudio(entry.ts, () => null);
-  }
   return (
     <div
       className={classNames("entry", { clickable: !nonClickable })}
@@ -41,12 +34,7 @@ function Entry({
         </strong>
         {` `}
         <em>{entry.c}</em>
-        {entry.a && !nonClickable && (
+        {entry.a && !nonClickable && <i className="ml-2 fas fa-volume-down" />}
-          <i
-            onClick={handlePlayStorageAudio}
-            className="clickable ml-2 fas fa-volume-down"
-          />
-        )}
       </div>
       <ExtraEntryInfo entry={entry} textOptions={textOptions} />
       <div className="entry-definition">{entry.e}</div>

website/src/components/PlayStorageAudio.tsx

@@ -1,6 +1,6 @@
 export default function playStorageAudio(ts: number, callback: () => void) {
   if (!ts) return;
-  let audio = new Audio(`https://storage.lingdocs.com/audio/${ts}.mp3`);
+  let audio = new Audio(`https://storage.lingdocs.com/${ts}.mp3`);
   audio.addEventListener("ended", () => {
     callback();
     audio.remove();