-
- {title}
-
+
{title}
diff --git a/src/shared/hooks/use-container-breakpoints.ts b/src/shared/hooks/use-container-breakpoints.ts
index 31f9d40e7..c5aaf83f1 100644
--- a/src/shared/hooks/use-container-breakpoints.ts
+++ b/src/shared/hooks/use-container-breakpoints.ts
@@ -6,12 +6,12 @@ import { Breakpoints } from '/@/shared/types/types';
export function useContainerBreakpoints() {
const [ref, rect] = useResizeObserver();
const [globalBreakpoints, setGlobalBreakpoints] = useState({
+ '2xl': 0,
+ '3xl': 0,
lg: 0,
md: 0,
sm: 0,
xl: 0,
- xxl: 0,
- xxxl: 0,
});
useEffect(() => {
@@ -25,12 +25,12 @@ export function useContainerBreakpoints() {
};
setGlobalBreakpoints({
+ '2xl': getBreakpointValue('2xl'),
+ '3xl': getBreakpointValue('3xl'),
lg: getBreakpointValue('lg'),
md: getBreakpointValue('md'),
sm: getBreakpointValue('sm'),
xl: getBreakpointValue('xl'),
- xxl: getBreakpointValue('xxl'),
- xxxl: getBreakpointValue('xxxl'),
});
}, []);
@@ -38,8 +38,8 @@ export function useContainerBreakpoints() {
const isLargerThanMd = rect?.width >= globalBreakpoints.md;
const isLargerThanLg = rect?.width >= globalBreakpoints.lg;
const isLargerThanXl = rect?.width >= globalBreakpoints.xl;
- const isLargerThan2xl = rect?.width >= globalBreakpoints.xxl;
- const isLargerThan3xl = rect?.width >= globalBreakpoints.xxxl;
+ const isLargerThan2xl = rect?.width >= globalBreakpoints['2xl'];
+ const isLargerThan3xl = rect?.width >= globalBreakpoints['3xl'];
const breakpoints: Breakpoints = {
isLargerThan2xl,
diff --git a/src/shared/types/domain/album-domain-types.ts b/src/shared/types/domain/album-domain-types.ts
index d3edeff63..5c8567bdc 100644
--- a/src/shared/types/domain/album-domain-types.ts
+++ b/src/shared/types/domain/album-domain-types.ts
@@ -165,7 +165,6 @@ export type Album = {
explicit: boolean | null;
genres: RelatedGenre[];
id: string;
- imagePlaceholderUrl: null | string;
imageUrl: null | string;
isCompilation: boolean | null;
mbzId: null | string;