fix: use reactive feature flags

resolves https://github.com/elk-zone/elk/issues/498
This commit is contained in:
Daniel Roe 2022-12-22 02:32:08 +00:00
parent f1b0befd80
commit a2da1b2ee1
No known key found for this signature in database
GPG key ID: 22D5008E4F5D9B55

View file

@ -1,31 +1,27 @@
<script setup lang="ts">
const featureFlags = useFeatureFlags()
</script>
<template> <template>
<CommonDropdown placement="top"> <CommonDropdown placement="top">
<slot /> <slot />
<template #popper> <template #popper>
<CommonDropdownItem <CommonDropdownItem
:checked="featureFlags.experimentalVirtualScroll" :checked="currentUserFeatureFlags.experimentalVirtualScroll"
@click="toggleFeatureFlag('experimentalVirtualScroll')" @click="toggleFeatureFlag('experimentalVirtualScroll')"
> >
{{ $t('feature_flag.virtual_scroll') }} {{ $t('feature_flag.virtual_scroll') }}
</CommonDropdownItem> </CommonDropdownItem>
<CommonDropdownItem <CommonDropdownItem
:checked="featureFlags.experimentalAvatarOnAvatar" :checked="currentUserFeatureFlags.experimentalAvatarOnAvatar"
@click="toggleFeatureFlag('experimentalAvatarOnAvatar')" @click="toggleFeatureFlag('experimentalAvatarOnAvatar')"
> >
{{ $t('feature_flag.avatar_on_avatar') }} {{ $t('feature_flag.avatar_on_avatar') }}
</CommonDropdownItem> </CommonDropdownItem>
<CommonDropdownItem <CommonDropdownItem
:checked="featureFlags.experimentalGitHubCards" :checked="currentUserFeatureFlags.experimentalGitHubCards"
@click="toggleFeatureFlag('experimentalGitHubCards')" @click="toggleFeatureFlag('experimentalGitHubCards')"
> >
{{ $t('feature_flag.github_cards') }} {{ $t('feature_flag.github_cards') }}
</CommonDropdownItem> </CommonDropdownItem>
<CommonDropdownItem <CommonDropdownItem
:checked="featureFlags.experimentalUserSwitcherSidebar" :checked="currentUserFeatureFlags.experimentalUserSwitcherSidebar"
@click="toggleFeatureFlag('experimentalUserSwitcherSidebar')" @click="toggleFeatureFlag('experimentalUserSwitcherSidebar')"
> >
{{ $t('feature_flag.user_switcher_sidebar') }} {{ $t('feature_flag.user_switcher_sidebar') }}