diff --git a/components/common/CommonPreviewPrompt.vue b/components/common/CommonPreviewPrompt.vue
new file mode 100644
index 000000000..d6df37dbb
--- /dev/null
+++ b/components/common/CommonPreviewPrompt.vue
@@ -0,0 +1,27 @@
+
+
+
+
+
+ {{ $t('help.build_preview.title') }}
+
+
+
+
+ {{ build.commit.slice(0, 7) }}
+
+
+
+
{{ $t('help.build_preview.desc2') }}
+
+ {{ $t('help.build_preview.desc3') }}
+
+
+
+
diff --git a/layouts/default.vue b/layouts/default.vue
index 6f73ea45c..be367ae05 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -2,7 +2,7 @@
import { usePreferences } from '~/composables/settings'
const route = useRoute()
-const userSettings = useUserSettings()
+const info = useBuildInfo()
const wideLayout = computed(() => route.meta.wideLayout ?? false)
@@ -63,7 +63,9 @@ const isGrayscale = usePreferences('grayscaleMode')
diff --git a/locales/en-US.json b/locales/en-US.json
index 93ac1a52b..779100a08 100644
--- a/locales/en-US.json
+++ b/locales/en-US.json
@@ -156,6 +156,12 @@
"unsupported_file_format": "Unsupported file format"
},
"help": {
+ "build_preview": {
+ "desc1": "You are currently viewing a preview version of Elk from the community - {0}.",
+ "desc2": "It may contains unreviewed or even malicious changes.",
+ "desc3": "Don't log in with your real account.",
+ "title": "Preview deploy"
+ },
"desc_highlight": "Expect some bugs and missing features here and there.",
"desc_para1": "Thanks for your interest in trying out Elk, our work-in-progress Mastodon web client!",
"desc_para2": "we are working hard on the development and improving it over time.",