diff --git a/src/renderer/src/components/achievements/notification/achievement-notification.scss b/src/renderer/src/components/achievements/notification/achievement-notification.scss index 0a41782e..090c91c4 100644 --- a/src/renderer/src/components/achievements/notification/achievement-notification.scss +++ b/src/renderer/src/components/achievements/notification/achievement-notification.scss @@ -302,7 +302,8 @@ $margin-bottom: 28px; } &--rare &__trophy-overlay { - background: linear-gradient( + background: + linear-gradient( 118deg, #e8ad15 18.96%, #d5900f 26.41%, diff --git a/src/renderer/src/pages/game-details/modals/edit-game-modal.scss b/src/renderer/src/pages/game-details/modals/edit-game-modal.scss index 5400df07..33558601 100644 --- a/src/renderer/src/pages/game-details/modals/edit-game-modal.scss +++ b/src/renderer/src/pages/game-details/modals/edit-game-modal.scss @@ -55,11 +55,8 @@ border: 1px solid var(--color-border); border-radius: 8px; background-color: var(--color-background-secondary); - background-image: linear-gradient( - 45deg, - rgba(255, 255, 255, 0.1) 25%, - transparent 25% - ), + background-image: + linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%), linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.1) 75%), linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.1) 75%); diff --git a/src/renderer/src/pages/game-details/modals/repacks-modal.tsx b/src/renderer/src/pages/game-details/modals/repacks-modal.tsx index 0c4c2d9e..7551a31e 100644 --- a/src/renderer/src/pages/game-details/modals/repacks-modal.tsx +++ b/src/renderer/src/pages/game-details/modals/repacks-modal.tsx @@ -210,25 +210,32 @@ export function RepacksModal({ className={`repacks-modal__download-sources ${isFilterDrawerOpen ? "repacks-modal__download-sources--open" : ""}`} >
- {downloadSources.map((source) => { - const label = source.name || source.url; - const truncatedLabel = - label.length > 16 ? label.substring(0, 16) + "..." : label; - return ( -
- toggleFingerprint(source.fingerprint)} - /> -
- ); - })} + {downloadSources + .filter( + ( + source + ): source is DownloadSource & { fingerprint: string } => + source.fingerprint !== undefined + ) + .map((source) => { + const label = source.name || source.url; + const truncatedLabel = + label.length > 16 ? label.substring(0, 16) + "..." : label; + return ( +
+ toggleFingerprint(source.fingerprint)} + /> +
+ ); + })}
diff --git a/src/renderer/src/pages/profile/profile-content/profile-animations.ts b/src/renderer/src/pages/profile/profile-content/profile-animations.ts index f9ac0593..d89f4323 100644 --- a/src/renderer/src/pages/profile/profile-content/profile-animations.ts +++ b/src/renderer/src/pages/profile/profile-content/profile-animations.ts @@ -5,7 +5,7 @@ export const sectionVariants = { height: 0, transition: { duration: 0.3, - ease: [0.25, 0.1, 0.25, 1], + ease: [0.25, 0.1, 0.25, 1] as const, opacity: { duration: 0.1 }, y: { duration: 0.1 }, height: { duration: 0.2 }, @@ -17,13 +17,13 @@ export const sectionVariants = { height: "auto", transition: { duration: 0.3, - ease: [0.25, 0.1, 0.25, 1], + ease: [0.25, 0.1, 0.25, 1] as const, opacity: { duration: 0.2, delay: 0.1 }, y: { duration: 0.3 }, height: { duration: 0.3 }, }, }, -}; +} as const; export const gameCardVariants = { hidden: { @@ -37,7 +37,7 @@ export const gameCardVariants = { scale: 1, transition: { duration: 0.4, - ease: [0.25, 0.1, 0.25, 1], + ease: [0.25, 0.1, 0.25, 1] as const, }, }, exit: { @@ -46,10 +46,10 @@ export const gameCardVariants = { scale: 0.95, transition: { duration: 0.3, - ease: [0.25, 0.1, 0.25, 1], + ease: [0.25, 0.1, 0.25, 1] as const, }, }, -}; +} as const; export const gameGridVariants = { hidden: { @@ -76,16 +76,16 @@ export const chevronVariants = { rotate: 0, transition: { duration: 0.2, - ease: "easeInOut", + ease: "easeInOut" as const, }, }, expanded: { rotate: 90, transition: { duration: 0.2, - ease: "easeInOut", + ease: "easeInOut" as const, }, }, -}; +} as const; export const GAME_STATS_ANIMATION_DURATION_IN_MS = 3500; diff --git a/src/renderer/src/pages/settings/settings-debrid.tsx b/src/renderer/src/pages/settings/settings-debrid.tsx index 4bb7d276..f4ac183a 100644 --- a/src/renderer/src/pages/settings/settings-debrid.tsx +++ b/src/renderer/src/pages/settings/settings-debrid.tsx @@ -21,7 +21,7 @@ const sectionVariants = { height: 0, transition: { duration: 0.3, - ease: [0.25, 0.1, 0.25, 1], + ease: [0.25, 0.1, 0.25, 1] as const, opacity: { duration: 0.1 }, y: { duration: 0.1 }, height: { duration: 0.2 }, @@ -33,30 +33,30 @@ const sectionVariants = { height: "auto", transition: { duration: 0.3, - ease: [0.25, 0.1, 0.25, 1], + ease: [0.25, 0.1, 0.25, 1] as const, opacity: { duration: 0.2, delay: 0.1 }, y: { duration: 0.3 }, height: { duration: 0.3 }, }, }, -}; +} as const; const chevronVariants = { collapsed: { rotate: 0, transition: { duration: 0.2, - ease: "easeInOut", + ease: "easeInOut" as const, }, }, expanded: { rotate: 90, transition: { duration: 0.2, - ease: "easeInOut", + ease: "easeInOut" as const, }, }, -}; +} as const; export function SettingsDebrid() { const { t } = useTranslation("settings");