diff --git a/src/renderer/features/artists/components/album-artist-detail-content.tsx b/src/renderer/features/artists/components/album-artist-detail-content.tsx index 87f4c24a5..104b99180 100644 --- a/src/renderer/features/artists/components/album-artist-detail-content.tsx +++ b/src/renderer/features/artists/components/album-artist-detail-content.tsx @@ -41,6 +41,7 @@ import { useGeneralSettings, useSettingsStore } from '/@/renderer/store/settings import { sanitize } from '/@/renderer/utils/sanitize'; import { sortAlbumList } from '/@/shared/api/utils'; import { ActionIcon } from '/@/shared/components/action-icon/action-icon'; +import { Badge } from '/@/shared/components/badge/badge'; import { Button } from '/@/shared/components/button/button'; import { Grid } from '/@/shared/components/grid/grid'; import { Group } from '/@/shared/components/group/group'; @@ -687,13 +688,17 @@ interface AlbumSectionProps { const AlbumSection = ({ albums, controls, cq, rows, title }: AlbumSectionProps) => { const span = cq.isXl ? 3 : cq.isLg ? 4 : cq.isMd ? 6 : cq.isSm ? 8 : cq.isXs ? 12 : 12; + const albumCount = albums.length; return (
- - {title} - + + + {title} + + {albumCount} +
diff --git a/src/renderer/features/visualizer/components/audiomotionanalyzer/visualizer.tsx b/src/renderer/features/visualizer/components/audiomotionanalyzer/visualizer.tsx index 42c7410c0..4ac268611 100644 --- a/src/renderer/features/visualizer/components/audiomotionanalyzer/visualizer.tsx +++ b/src/renderer/features/visualizer/components/audiomotionanalyzer/visualizer.tsx @@ -14,9 +14,7 @@ const VisualizerInner = () => { const canvasRef = createRef(); const accent = useSettingsStore((store) => store.general.accent); const visualizer = useSettingsStore((store) => store.visualizer); - const opacity = useSettingsStore( - (store) => store.visualizer.audiomotionanalyzer.opacity, - ); + const opacity = useSettingsStore((store) => store.visualizer.audiomotionanalyzer.opacity); const [motion, setMotion] = useState(); // Check if a gradient name is a custom gradient @@ -220,13 +218,7 @@ const VisualizerInner = () => { } }, [motion, options]); - return ( -
- ); + return
; }; export const Visualizer = () => {