zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

refactor: unify user settings (#821)

Browse source 
Co-authored-by: 三咲智子 <sxzz@sxzz.moe>
This commit is contained in:
Anthony Fu 2023-01-06 18:39:37 +01:00 • committed by GitHub
parent 35c9a871be
commit 1aa118283e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
17 changed files with 105 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

4
components/nav/NavFooter.vue
View file

@ -22,9 +22,9 @@ function toggleDark() {
<button
flex
text-lg
:class="isZenMode ? 'i-ri:layout-right-2-line' : 'i-ri:layout-right-line'"
:class="userSettings.zenMode ? 'i-ri:layout-right-2-line' : 'i-ri:layout-right-line'"
:aria-label="$t('nav.zen_mode')"
@click="toggleZenMode()"
@click="userSettings.zenMode = !userSettings.zenMode"
/>
</CommonTooltip>
</div>

2
components/status/StatusActionsMore.vue
View file

@ -126,7 +126,7 @@ async function editStatus() {
<template #popper>
<div flex="~ col">
<template v-if="isZenMode">
<template v-if="userSettings.zenMode">
<CommonDropdownItem
:text="$t('action.reply')"
icon="i-ri:chat-3-line"

4
components/status/StatusCard.vue
View file

@ -138,7 +138,7 @@ const isDM = $computed(() => status.visibility === 'direct')
<StatusReplyingTo :collapsed="true" :status="status" :class="faded ? 'text-secondary-light' : ''" />
</div>
<div flex-auto />
<div v-if="!isZenMode" text-sm text-secondary flex="~ row nowrap" hover:underline>
<div v-if="!userSettings.zenMode" text-sm text-secondary flex="~ row nowrap" hover:underline>
<AccountBotIndicator v-if="status.account.bot" me-2 />
<div flex>
<CommonTooltip :content="createdAt">
@ -155,7 +155,7 @@ const isDM = $computed(() => status.visibility === 'direct')
</div>
<StatusContent :status="status" :context="context" mb2 :class="{ 'mt-2 mb1': isDM }" />
<div>
<StatusActions v-if="(actions !== false && !isZenMode)" :status="status" />
<StatusActions v-if="(actions !== false && !userSettings.zenMode)" :status="status" />
</div>
</div>
</div>

2
components/status/StatusPreviewCard.vue
View file

@ -21,7 +21,7 @@ const isSquare = $computed(() => (
))
const providerName = $computed(() => props.card.providerName ? props.card.providerName : new URL(props.card.url).hostname)
const gitHubCards = $(computedEager(() => useFeatureFlags().experimentalGitHubCards))
const gitHubCards = $(useFeatureFlag('experimentalGitHubCards'))
// TODO: handle card.type: 'photo' | 'video' | 'rich';
const cardTypeIconMap: Record<CardType, string> = {

2
components/timeline/TimelinePaginator.vue
View file

@ -12,7 +12,7 @@ const { paginator, stream } = defineProps<{
}>()
const { formatNumber } = useHumanReadableNumber()
const virtualScroller = $(computedEager(() => useFeatureFlags().experimentalVirtualScroll))
const virtualScroller = $(useFeatureFlag('experimentalVirtualScroll'))
</script>
<template>