aboutsummaryrefslogtreecommitdiff
path: root/src/components/extra_notifications/extra_notifications.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/extra_notifications/extra_notifications.vue')
-rw-r--r--src/components/extra_notifications/extra_notifications.vue27
1 files changed, 27 insertions, 0 deletions
diff --git a/src/components/extra_notifications/extra_notifications.vue b/src/components/extra_notifications/extra_notifications.vue
index f5cf1661..d5edf399 100644
--- a/src/components/extra_notifications/extra_notifications.vue
+++ b/src/components/extra_notifications/extra_notifications.vue
@@ -21,6 +21,29 @@
>
{{ $tc('notifications.unread_follow_requests', followRequestCount, { num: followRequestCount }) }}
</router-link>
+ <i18n-t
+ v-if="shouldShowCustomizationTip"
+ tag="span"
+ class="extra-notification tip"
+ keypath="notifications.configuration_tip"
+ >
+ <template #theSettings>
+ <button
+ class="button-unstyled -link"
+ @click="openNotificationSettings"
+ >
+ {{ $t('notifications.configuration_tip_settings') }}
+ </button>
+ </template>
+ <template #dismiss>
+ <button
+ class="button-unstyled -link"
+ @click="dismissConfigurationTip"
+ >
+ {{ $t('notifications.configuration_tip_dismiss') }}
+ </button>
+ </template>
+ </i18n-t>
</div>
</template>
@@ -45,5 +68,9 @@
border-color: $fallback--border;
border-color: var(--border, $fallback--border);
}
+
+ .tip {
+ display: inline;
+ }
}
</style>