feat: removing dexie

This commit is contained in:
Chubby Granny Chaser
2025-10-14 13:18:42 +01:00
parent 1a99305aa0
commit c60753547c
5 changed files with 45 additions and 40 deletions

View File

@@ -302,7 +302,8 @@ $margin-bottom: 28px;
}
&--rare &__trophy-overlay {
background: linear-gradient(
background:
linear-gradient(
118deg,
#e8ad15 18.96%,
#d5900f 26.41%,

View File

@@ -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%);

View File

@@ -210,25 +210,32 @@ export function RepacksModal({
className={`repacks-modal__download-sources ${isFilterDrawerOpen ? "repacks-modal__download-sources--open" : ""}`}
>
<div className="repacks-modal__source-grid">
{downloadSources.map((source) => {
const label = source.name || source.url;
const truncatedLabel =
label.length > 16 ? label.substring(0, 16) + "..." : label;
return (
<div
key={source.fingerprint}
className="repacks-modal__source-item"
>
<CheckboxField
label={truncatedLabel}
checked={selectedFingerprints.includes(
source.fingerprint
)}
onChange={() => toggleFingerprint(source.fingerprint)}
/>
</div>
);
})}
{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 (
<div
key={source.fingerprint}
className="repacks-modal__source-item"
>
<CheckboxField
label={truncatedLabel}
checked={selectedFingerprints.includes(
source.fingerprint
)}
onChange={() => toggleFingerprint(source.fingerprint)}
/>
</div>
);
})}
</div>
</div>
</div>

View File

@@ -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;

View File

@@ -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");