eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

feat: stable key for mods list (#4876)

Browse Source
This commit is contained in:
Calum H.
2025-12-08 18:50:55 +00:00
committed by GitHub
parent 27fc0796a4
commit cfd2977c21
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
apps/frontend/src/pages/hosting/manage/[id]/content/index.vue
View File

@@ -127,7 +127,7 @@
width: '100%', width: '100%',
}" }"
> >
<template v-for="mod in visibleItems.items" :key="mod.filename"> <template v-for="mod in visibleItems.items" :key="getStableModKey(mod)">
<div <div
class="relative mb-2 flex w-full items-center justify-between rounded-xl bg-bg-raised" class="relative mb-2 flex w-full items-center justify-between rounded-xl bg-bg-raised"
:class="mod.disabled ? 'bg-table-alternateRow text-secondary' : ''" :class="mod.disabled ? 'bg-table-alternateRow text-secondary' : ''"
@@ -245,7 +245,7 @@
</div> </div>
<input <input
:id="`toggle-${mod.filename}`" :id="`toggle-${getStableModKey(mod)}`"
:checked="!mod.disabled" :checked="!mod.disabled"
:disabled="mod.changing" :disabled="mod.changing"
class="switch stylized-toggle" class="switch stylized-toggle"
@@ -595,6 +595,16 @@ function friendlyModName(mod: ContentItem) {
return cleanName return cleanName
} }
function getStableModKey(mod: ContentItem): string {
if (mod.project_id) {
return `project-${mod.project_id}`
}
// external file
const baseFilename = mod.filename.endsWith('.disabled') ? mod.filename.slice(0, -9) : mod.filename
return `file-${baseFilename}`
}
async function toggleMod(mod: ContentItem) { async function toggleMod(mod: ContentItem) {
mod.changing = true mod.changing = true