diff --git a/src/pages/parts/player/PlaybackErrorPart.tsx b/src/pages/parts/player/PlaybackErrorPart.tsx index b5bf9573..62a327f0 100644 --- a/src/pages/parts/player/PlaybackErrorPart.tsx +++ b/src/pages/parts/player/PlaybackErrorPart.tsx @@ -1,3 +1,5 @@ +import { useState } from "react"; + import { Button } from "@/components/Button"; import { Icon, Icons } from "@/components/Icon"; import { IconPill } from "@/components/layout/IconPill"; @@ -8,6 +10,12 @@ import { usePlayerStore } from "@/stores/player/store"; export function PlaybackErrorPart() { const playbackError = usePlayerStore((s) => s.interface.error); + const [showErrorCard, setShowErrorCard] = useState(true); + + function copyError() { + if (!playbackError || !navigator.clipboard) return; + navigator.clipboard.writeText(playbackError.message); + } return ( @@ -31,16 +39,25 @@ export function PlaybackErrorPart() { {/* Error */} - {playbackError ? ( + {playbackError && showErrorCard ? ( + // I didn't put a here because it'd fade out, then jump height weirdly
Error details
- -