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

fix hydration error in moderation queue (#5038)

Browse Source 
* fix hydration error in moderation queue

* disabled moderation button when no projects

* fix circular prop type issue

* Make moderation checklist clientonly
This commit is contained in:
Prospector
2026-01-03 12:49:32 -08:00
committed by GitHub
parent 3fc18feacf
commit e26291943c
3 changed files with 17 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/frontend/src/components/ui/moderation/ModerationQueueCard.vue
View File

@@ -90,7 +90,7 @@
</button> </button>
</ButtonStyled> </ButtonStyled>
<ButtonStyled circular> <ButtonStyled circular>
<OverflowMenu :options="quickActions"> <OverflowMenu :options="quickActions" :dropdown-id="`${baseId}-quick-actions`">
<template #default> <template #default>
<EllipsisVerticalIcon class="size-4" /> <EllipsisVerticalIcon class="size-4" />
</template> </template>
@@ -133,6 +133,8 @@ const { addNotification } = injectNotificationManager()
const formatRelativeTime = useRelativeTime() const formatRelativeTime = useRelativeTime()
const moderationStore = useModerationStore() const moderationStore = useModerationStore()
const baseId = useId()
const props = defineProps<{ const props = defineProps<{
queueEntry: ModerationProject queueEntry: ModerationProject
}>() }>()

24
apps/frontend/src/pages/[type]/[id].vue
View File

@@ -463,7 +463,7 @@
? `standard` ? `standard`
: `brand` : `brand`
" "
:circular="auth.user && currentMember" :circular="!!auth.user && !!currentMember"
> >
<button <button
v-tooltip=" v-tooltip="
@@ -927,16 +927,18 @@
</div> </div>
</div> </div>
<div <ClientOnly>
v-if="auth.user && tags.staffRoles.includes(auth.user.role) && showModerationChecklist" <div
class="moderation-checklist" v-if="auth.user && tags.staffRoles.includes(auth.user.role) && showModerationChecklist"
> class="moderation-checklist"
<ModerationChecklist >
:collapsed="collapsedModerationChecklist" <ModerationChecklist
@exit="showModerationChecklist = false" :collapsed="collapsedModerationChecklist"
@toggle-collapsed="collapsedModerationChecklist = !collapsedModerationChecklist" @exit="showModerationChecklist = false"
/> @toggle-collapsed="collapsedModerationChecklist = !collapsedModerationChecklist"
</div> />
</div>
</ClientOnly>
<template v-if="hasEditDetailsPermission"> <template v-if="hasEditDetailsPermission">
<ProjectEnvironmentModal ref="projectEnvironmentModal" /> <ProjectEnvironmentModal ref="projectEnvironmentModal" />

1
apps/frontend/src/pages/moderation/index.vue
View File

@@ -64,6 +64,7 @@
<ButtonStyled color="orange" class="w-full sm:w-auto"> <ButtonStyled color="orange" class="w-full sm:w-auto">
<button <button
class="flex !h-[40px] w-full items-center justify-center gap-2 sm:w-auto" class="flex !h-[40px] w-full items-center justify-center gap-2 sm:w-auto"
:disabled="paginatedProjects?.length === 0"
@click="moderateAllInFilter()" @click="moderateAllInFilter()"
> >
<ScaleIcon class="flex-shrink-0" /> <ScaleIcon class="flex-shrink-0" />