From f5cf0fadab5f71c7264ca0761277c68ce3d78088 Mon Sep 17 00:00:00 2001
From: Nico Hoffmann <me@nhoffmann.com>
Date: Sun, 5 May 2024 17:07:34 +0200
Subject: [PATCH] Buttons for all the views

---
 config/areas/languages/views.php              | 11 +++++-
 config/areas/system/views.php                 |  1 +
 config/areas/users/views.php                  |  5 ++-
 panel/public/js/plugins.js                    | 12 +++----
 .../src/components/View/Buttons/AddButton.vue | 26 ++++++++++++++
 .../View/Buttons/AddLanguagesButton.vue       |  9 +++++
 .../View/Buttons/AddUsersButton.vue           | 16 +++++++++
 panel/src/components/View/Buttons/Buttons.vue |  4 ++-
 .../View/Buttons/LanguagesButton.vue          |  2 +-
 .../components/View/Buttons/PreviewButton.vue |  9 ++---
 .../components/View/Buttons/RemoveButton.vue  | 26 ++++++++++++++
 .../View/Buttons/RemoveLanguageButton.vue     | 10 ++++++
 .../View/Buttons/SettingsButton.vue           | 29 +++++++--------
 .../components/View/Buttons/StatusButton.vue  |  2 +-
 .../components/View/Buttons/ThemeButton.vue   |  2 +-
 panel/src/components/View/Buttons/index.js    | 10 ++++++
 panel/src/components/Views/Files/FileView.vue | 11 +++++-
 .../Views/Languages/LanguageView.vue          | 36 +++++--------------
 .../Views/Languages/LanguagesView.vue         | 13 +++----
 .../components/Views/System/SystemView.vue    |  5 +++
 .../src/components/Views/Users/UsersView.vue  | 10 ++----
 panel/src/panel/plugins.js                    |  4 +--
 panel/src/panel/plugins.test.js               |  4 +--
 src/Cms/Blueprint.php                         |  2 +-
 src/Panel/File.php                            |  2 +-
 src/Panel/Page.php                            |  2 +-
 src/Panel/Site.php                            |  2 +-
 src/Panel/User.php                            |  2 +-
 28 files changed, 182 insertions(+), 85 deletions(-)
 create mode 100644 panel/src/components/View/Buttons/AddButton.vue
 create mode 100644 panel/src/components/View/Buttons/AddLanguagesButton.vue
 create mode 100644 panel/src/components/View/Buttons/AddUsersButton.vue
 create mode 100644 panel/src/components/View/Buttons/RemoveButton.vue
 create mode 100644 panel/src/components/View/Buttons/RemoveLanguageButton.vue

diff --git a/config/areas/languages/views.php b/config/areas/languages/views.php
index f37ded0247..f89d9bb80d 100644
--- a/config/areas/languages/views.php
+++ b/config/areas/languages/views.php
@@ -12,10 +12,11 @@
 			return App::instance()->option('languages.variables', true) !== false;
 		},
 		'action'  => function (string $code) {
+			$kirby        = App::instance();
 			$language     = Find::language($code);
 			$link         = '/languages/' . $language->code();
 			$strings      = [];
-			$foundation   = App::instance()->defaultLanguage()->translations();
+			$foundation   = $kirby->defaultLanguage()->translations();
 			$translations = $language->translations();
 
 			ksort($foundation);
@@ -67,6 +68,11 @@
 					]
 				],
 				'props'      => [
+					'buttons' => $kirby->option('panel.viewButtons.language', [
+						'preview',
+						'settings',
+						'remove'
+					]),
 					'deletable'    => $language->isDeletable(),
 					'code'         => Escape::html($language->code()),
 					'default'      => $language->isDefault(),
@@ -107,6 +113,9 @@
 			return [
 				'component' => 'k-languages-view',
 				'props'     => [
+					'buttons' => $kirby->option('panel.viewButtons.languages', [
+						'add'
+					]),
 					'languages' => $kirby->languages()->values(fn ($language) => [
 						'deletable' => $language->isDeletable(),
 						'default'   => $language->isDefault(),
diff --git a/config/areas/system/views.php b/config/areas/system/views.php
index 01f2eb23c0..49da8bb672 100644
--- a/config/areas/system/views.php
+++ b/config/areas/system/views.php
@@ -87,6 +87,7 @@
 			return [
 				'component' => 'k-system-view',
 				'props'     => [
+					'buttons'     => $kirby->option('panel.viewButtons.system', []),
 					'environment' => $environment,
 					'exceptions'  => $kirby->option('debug') === true ? $exceptions : [],
 					'info'        => $system->info(),
diff --git a/config/areas/users/views.php b/config/areas/users/views.php
index 5f0ce9d940..bf75a0d7e7 100644
--- a/config/areas/users/views.php
+++ b/config/areas/users/views.php
@@ -18,7 +18,10 @@
 			return [
 				'component' => 'k-users-view',
 				'props'     => [
-					'role' => function () use ($kirby, $roles, $role) {
+					'buttons' => $kirby->option('panel.viewButtons.users', [
+						'add'
+					]),
+					'role' => function () use ($roles, $role) {
 						if ($role) {
 							return $roles[$role] ?? null;
 						}
diff --git a/panel/public/js/plugins.js b/panel/public/js/plugins.js
index 4639d03a33..c7f7780060 100644
--- a/panel/public/js/plugins.js
+++ b/panel/public/js/plugins.js
@@ -2,12 +2,12 @@ window.panel = window.panel ?? {};
 window.panel.plugins = {
 	components: {},
 	created: [],
-	headerButtons: {},
 	icons: {},
 	routes: [],
 	textareaButtons: {},
 	thirdParty: {},
 	use: [],
+	viewButtons: {},
 	views: {},
 	writerMarks: {},
 	writerNodes: {}
@@ -36,11 +36,6 @@ window.panel.plugin = function (plugin, extensions) {
 		window.panel.plugins.components[`k-${name}-field`] = options;
 	});
 
-	// Header Buttons
-	resolve(extensions, "headerButtons", (name, options) => {
-		window.panel.plugins.components[`k-view-${name}-button`] = options;
-	});
-
 	// Icons
 	resolve(extensions, "icons", (name, options) => {
 		window.panel.plugins.icons[name] = options;
@@ -54,6 +49,11 @@ window.panel.plugin = function (plugin, extensions) {
 		};
 	});
 
+	// View Buttons
+	resolve(extensions, "viewButtons", (name, options) => {
+		window.panel.plugins.components[`k-view-${name}-button`] = options;
+	});
+
 	// `Vue.use`
 	resolve(extensions, "use", (name, options) => {
 		window.panel.plugins.use.push(options);
diff --git a/panel/src/components/View/Buttons/AddButton.vue b/panel/src/components/View/Buttons/AddButton.vue
new file mode 100644
index 0000000000..7bafc627fb
--- /dev/null
+++ b/panel/src/components/View/Buttons/AddButton.vue
@@ -0,0 +1,26 @@
+<template>
+	<component v-if="component" :is="component" />
+	<k-button
+		v-else
+		:text="$t('add')"
+		icon="add"
+		size="sm"
+		variant="filled"
+		@click="$emit('action', 'add')"
+	/>
+</template>
+
+<script>
+export default {
+	computed: {
+		component() {
+			const view = this.$panel.view.component.match(/^^k-(.*)-view$/)[1];
+			const component = `k-view-add-${view}-button`;
+
+			if (this.$helper.isComponent(component)) {
+				return component;
+			}
+		}
+	}
+};
+</script>
diff --git a/panel/src/components/View/Buttons/AddLanguagesButton.vue b/panel/src/components/View/Buttons/AddLanguagesButton.vue
new file mode 100644
index 0000000000..55e21147a6
--- /dev/null
+++ b/panel/src/components/View/Buttons/AddLanguagesButton.vue
@@ -0,0 +1,9 @@
+<template>
+	<k-button
+		:text="$t('language.create')"
+		icon="add"
+		size="sm"
+		variant="filled"
+		@click="$dialog('languages/create')"
+	/>
+</template>
diff --git a/panel/src/components/View/Buttons/AddUsersButton.vue b/panel/src/components/View/Buttons/AddUsersButton.vue
new file mode 100644
index 0000000000..10540be123
--- /dev/null
+++ b/panel/src/components/View/Buttons/AddUsersButton.vue
@@ -0,0 +1,16 @@
+<template>
+	<k-button
+		:disabled="!$panel.permissions.users.create"
+		:text="$t('user.create')"
+		icon="add"
+		size="sm"
+		variant="filled"
+		@click="
+			$dialog('users/create', {
+				query: {
+					role: $panel.view.props.role?.id
+				}
+			})
+		"
+	/>
+</template>
diff --git a/panel/src/components/View/Buttons/Buttons.vue b/panel/src/components/View/Buttons/Buttons.vue
index 1edc488018..909ba6382b 100644
--- a/panel/src/components/View/Buttons/Buttons.vue
+++ b/panel/src/components/View/Buttons/Buttons.vue
@@ -4,6 +4,7 @@
 			:is="`k-view-${button}-button`"
 			v-for="button in buttons"
 			:key="button"
+			@action="$emit('action', $event)"
 		/>
 	</k-button-group>
 </template>
@@ -17,6 +18,7 @@
 export default {
 	props: {
 		buttons: Array
-	}
+	},
+	emits: ["action"]
 };
 </script>
diff --git a/panel/src/components/View/Buttons/LanguagesButton.vue b/panel/src/components/View/Buttons/LanguagesButton.vue
index 512386dbc3..6650ddb798 100644
--- a/panel/src/components/View/Buttons/LanguagesButton.vue
+++ b/panel/src/components/View/Buttons/LanguagesButton.vue
@@ -18,7 +18,7 @@
 
 <script>
 /**
- * Header button to switch between content languages
+ * View header button to switch between content languages
  * @since 4.0.0
  */
 export default {
diff --git a/panel/src/components/View/Buttons/PreviewButton.vue b/panel/src/components/View/Buttons/PreviewButton.vue
index 97b4af3591..a19c1d0172 100644
--- a/panel/src/components/View/Buttons/PreviewButton.vue
+++ b/panel/src/components/View/Buttons/PreviewButton.vue
@@ -13,7 +13,7 @@
 
 <script>
 /**
- * Header button to open the model's preview in a new tab
+ * View header button to open the model's preview in a new tab
  * @since 5.0.0
  */
 export default {
@@ -31,12 +31,13 @@ export default {
 		},
 		link() {
 			return (
-				this.$panel.view.props.model.previewUrl ??
-				this.$panel.view.props.preview?.url
+				this.$panel.view.props.model?.previewUrl ??
+				this.$panel.view.props.preview?.url ??
+				this.$panel.view.props.url
 			);
 		},
 		permissions() {
-			return this.$panel.view.props.permissions;
+			return this.$panel.view.props.permissions ?? {};
 		}
 	}
 };
diff --git a/panel/src/components/View/Buttons/RemoveButton.vue b/panel/src/components/View/Buttons/RemoveButton.vue
new file mode 100644
index 0000000000..2a105c70ba
--- /dev/null
+++ b/panel/src/components/View/Buttons/RemoveButton.vue
@@ -0,0 +1,26 @@
+<template>
+	<component v-if="component" :is="component" />
+	<k-button
+		v-else
+		:text="$t('delete')"
+		icon="trash"
+		size="sm"
+		variant="filled"
+		@click="$emit('action', 'remove')"
+	/>
+</template>
+
+<script>
+export default {
+	computed: {
+		component() {
+			const view = this.$panel.view.component.match(/^^k-(.*)-view$/)[1];
+			const component = `k-view-remove-${view}-button`;
+
+			if (this.$helper.isComponent(component)) {
+				return component;
+			}
+		}
+	}
+};
+</script>
diff --git a/panel/src/components/View/Buttons/RemoveLanguageButton.vue b/panel/src/components/View/Buttons/RemoveLanguageButton.vue
new file mode 100644
index 0000000000..de421f59d7
--- /dev/null
+++ b/panel/src/components/View/Buttons/RemoveLanguageButton.vue
@@ -0,0 +1,10 @@
+<template>
+	<k-button
+		v-if="$panel.view.props.deletable"
+		:title="$t('delete')"
+		icon="trash"
+		size="sm"
+		variant="filled"
+		@click="$dialog(`languages/${$panel.view.props.id}/delete`)"
+	/>
+</template>
diff --git a/panel/src/components/View/Buttons/SettingsButton.vue b/panel/src/components/View/Buttons/SettingsButton.vue
index 2edf833de7..24fd8e0720 100644
--- a/panel/src/components/View/Buttons/SettingsButton.vue
+++ b/panel/src/components/View/Buttons/SettingsButton.vue
@@ -8,40 +8,41 @@
 			variant="filled"
 			size="sm"
 			class="k-view-settings-button k-view-options"
-			@click="$refs.settings.toggle()"
+			@click="onClick"
 		/>
 		<k-dropdown-content
-			ref="settings"
-			:options="$dropdown(model.link)"
+			v-if="dropdown"
+			ref="dropdown"
+			:options="$dropdown(dropdown)"
 			align-x="end"
-			@action="action"
+			@action="$emit('action', $event)"
 		/>
 	</div>
 </template>
 
 <script>
 /**
- * Header button to open the model's settings dropdown
+ * View header button to open the model's settings dropdown
  * @since 5.0.0
  */
 export default {
 	inheritAttrs: false,
+	emits: ["action"],
 	computed: {
+		dropdown() {
+			return this.model?.link;
+		},
 		model() {
 			return this.$panel.view.props.model;
 		}
 	},
 	methods: {
-		action(action) {
-			if (this.$panel.view.component === "k-file-view") {
-				switch (action) {
-					case "replace":
-						return this.$panel.upload.replace({
-							...this.$panel.view.props.preview,
-							...this.model
-						});
-				}
+		onClick() {
+			if (this.dropdown) {
+				return this.$refs.dropdown.toggle();
 			}
+
+			this.$emit("action", "settings");
 		}
 	}
 };
diff --git a/panel/src/components/View/Buttons/StatusButton.vue b/panel/src/components/View/Buttons/StatusButton.vue
index 81f05820c6..ba389c50b5 100644
--- a/panel/src/components/View/Buttons/StatusButton.vue
+++ b/panel/src/components/View/Buttons/StatusButton.vue
@@ -13,7 +13,7 @@
 
 <script>
 /**
- * Header button to change the page status
+ * View header button to change the page status
  * @since 5.0.0
  */
 export default {
diff --git a/panel/src/components/View/Buttons/ThemeButton.vue b/panel/src/components/View/Buttons/ThemeButton.vue
index d433cbe1e9..58c1cf4b04 100644
--- a/panel/src/components/View/Buttons/ThemeButton.vue
+++ b/panel/src/components/View/Buttons/ThemeButton.vue
@@ -12,7 +12,7 @@
 
 <script>
 /**
- * Header button to toggle the Panel theme
+ * View header button to toggle the Panel theme
  * @since 5.0.0
  */
 export default {
diff --git a/panel/src/components/View/Buttons/index.js b/panel/src/components/View/Buttons/index.js
index c99ec94ecc..9d69d5d753 100644
--- a/panel/src/components/View/Buttons/index.js
+++ b/panel/src/components/View/Buttons/index.js
@@ -1,5 +1,10 @@
+import Add from "./AddButton.vue";
+import AddLanguages from "./AddLanguagesButton.vue";
+import AddUsers from "./AddUsersButton.vue";
 import Languages from "./LanguagesButton.vue";
 import Preview from "./PreviewButton.vue";
+import Remove from "./RemoveButton.vue";
+import RemoveLanguage from "./RemoveLanguageButton.vue";
 import Settings from "./SettingsButton.vue";
 import Status from "./StatusButton.vue";
 import Theme from "./ThemeButton.vue";
@@ -8,8 +13,13 @@ import Buttons from "./Buttons.vue";
 
 export default {
 	install(app) {
+		app.component("k-view-add-button", Add);
+		app.component("k-view-add-languages-button", AddLanguages);
+		app.component("k-view-add-users-button", AddUsers);
 		app.component("k-view-languages-button", Languages);
 		app.component("k-view-preview-button", Preview);
+		app.component("k-view-remove-button", Remove);
+		app.component("k-view-remove-language-button", RemoveLanguage);
 		app.component("k-view-settings-button", Settings);
 		app.component("k-view-status-button", Status);
 		app.component("k-view-theme-button", Theme);
diff --git a/panel/src/components/Views/Files/FileView.vue b/panel/src/components/Views/Files/FileView.vue
index af6556190f..66a1ab72f0 100644
--- a/panel/src/components/Views/Files/FileView.vue
+++ b/panel/src/components/Views/Files/FileView.vue
@@ -18,7 +18,7 @@
 			{{ model.filename }}
 
 			<template #buttons>
-				<k-view-buttons :buttons="buttons" />
+				<k-view-buttons :buttons="buttons" @action="onAction" />
 				<k-form-buttons :lock="lock" />
 			</template>
 		</k-header>
@@ -59,6 +59,15 @@ export default {
 		}
 	},
 	methods: {
+		onAction(action) {
+			switch (action) {
+				case "replace":
+					return this.$panel.upload.replace({
+						...this.preview,
+						...this.model
+					});
+			}
+		},
 		setFocus(focus) {
 			if (this.$helper.object.isObject(focus) === true) {
 				focus = `${focus.x}% ${focus.y}%`;
diff --git a/panel/src/components/Views/Languages/LanguageView.vue b/panel/src/components/Views/Languages/LanguageView.vue
index d2fe42e239..447a1475c7 100644
--- a/panel/src/components/Views/Languages/LanguageView.vue
+++ b/panel/src/components/Views/Languages/LanguageView.vue
@@ -8,31 +8,7 @@
 			{{ name }}
 
 			<template #buttons>
-				<k-button-group>
-					<k-button
-						:link="url"
-						:title="$t('open')"
-						icon="open"
-						size="sm"
-						target="_blank"
-						variant="filled"
-					/>
-					<k-button
-						:title="$t('settings')"
-						icon="cog"
-						size="sm"
-						variant="filled"
-						@click="update()"
-					/>
-					<k-button
-						v-if="deletable"
-						:title="$t('delete')"
-						icon="trash"
-						size="sm"
-						variant="filled"
-						@click="remove()"
-					/>
-				</k-button-group>
+				<k-view-buttons :buttons="buttons" @action="onAction" />
 			</template>
 		</k-header>
 
@@ -84,6 +60,7 @@
  */
 export default {
 	props: {
+		buttons: Array,
 		code: String,
 		deletable: Boolean,
 		direction: String,
@@ -99,6 +76,12 @@ export default {
 		createTranslation() {
 			this.$dialog(`languages/${this.id}/translations/create`);
 		},
+		onAction(action) {
+			switch (action) {
+				case "settings":
+					return this.update();
+			}
+		},
 		option(option, row) {
 			// for the compatibility of the encoded url in different environments,
 			// it is also encoded with base64 to reduce special characters
@@ -108,9 +91,6 @@ export default {
 				)}/${option}`
 			);
 		},
-		remove() {
-			this.$dialog(`languages/${this.id}/delete`);
-		},
 		update(focus) {
 			this.$dialog(`languages/${this.id}/update`, {
 				on: {
diff --git a/panel/src/components/Views/Languages/LanguagesView.vue b/panel/src/components/Views/Languages/LanguagesView.vue
index 6ae4dd7f20..148a9b815e 100644
--- a/panel/src/components/Views/Languages/LanguagesView.vue
+++ b/panel/src/components/Views/Languages/LanguagesView.vue
@@ -3,15 +3,9 @@
 		<k-header>
 			{{ $t("view.languages") }}
 
-			<k-button-group slot="buttons">
-				<k-button
-					:text="$t('language.create')"
-					icon="add"
-					size="sm"
-					variant="filled"
-					@click="$dialog('languages/create')"
-				/>
-			</k-button-group>
+			<template #buttons>
+				<k-view-buttons :buttons="buttons" />
+			</template>
 		</k-header>
 
 		<template v-if="languages.length > 0">
@@ -44,6 +38,7 @@
  */
 export default {
 	props: {
+		buttons: Array,
 		languages: {
 			type: Array,
 			default: () => []
diff --git a/panel/src/components/Views/System/SystemView.vue b/panel/src/components/Views/System/SystemView.vue
index c74c7fdc86..0859b91603 100644
--- a/panel/src/components/Views/System/SystemView.vue
+++ b/panel/src/components/Views/System/SystemView.vue
@@ -2,6 +2,10 @@
 	<k-panel-inside class="k-system-view">
 		<k-header>
 			{{ $t("view.system") }}
+
+			<template #buttons>
+				<k-view-buttons :buttons="buttons" />
+			</template>
 		</k-header>
 
 		<k-section
@@ -36,6 +40,7 @@ export default {
 		Security
 	},
 	props: {
+		buttons: Array,
 		environment: Array,
 		exceptions: Array,
 		info: Object,
diff --git a/panel/src/components/Views/Users/UsersView.vue b/panel/src/components/Views/Users/UsersView.vue
index 117415ce8d..ddb4af1e44 100644
--- a/panel/src/components/Views/Users/UsersView.vue
+++ b/panel/src/components/Views/Users/UsersView.vue
@@ -4,14 +4,7 @@
 			{{ $t("view.users") }}
 
 			<template #buttons>
-				<k-button
-					:disabled="!$panel.permissions.users.create"
-					:text="$t('user.create')"
-					icon="add"
-					size="sm"
-					variant="filled"
-					@click="create"
-				/>
+				<k-view-buttons :buttons="buttons" />
 			</template>
 		</k-header>
 		<k-tabs :tab="role?.id ?? 'all'" :tabs="tabs" />
@@ -30,6 +23,7 @@
  */
 export default {
 	props: {
+		buttons: Array,
 		role: Object,
 		roles: Array,
 		search: String,
diff --git a/panel/src/panel/plugins.js b/panel/src/panel/plugins.js
index 8f6f082714..0c970a8efb 100644
--- a/panel/src/panel/plugins.js
+++ b/panel/src/panel/plugins.js
@@ -163,12 +163,12 @@ export default (app, plugins = {}) => {
 	plugins = {
 		components: {},
 		created: [],
-		headerButtons: {},
 		icons: {},
 		login: null,
 		textareaButtons: {},
-		use: [],
 		thirdParty: {},
+		use: [],
+		viewButtons: {},
 		writerMarks: {},
 		writerNodes: {},
 		...plugins
diff --git a/panel/src/panel/plugins.test.js b/panel/src/panel/plugins.test.js
index 4e5bff58ba..5cfda0cff6 100644
--- a/panel/src/panel/plugins.test.js
+++ b/panel/src/panel/plugins.test.js
@@ -16,12 +16,12 @@ describe.concurrent("panel.plugins", () => {
 		const expected = {
 			components: {},
 			created: [],
-			headerButtons: {},
 			icons: {},
 			login: null,
 			textareaButtons: {},
-			use: [],
 			thirdParty: {},
+			use: [],
+			viewButtons: {},
 			writerMarks: {},
 			writerNodes: {}
 		};
diff --git a/src/Cms/Blueprint.php b/src/Cms/Blueprint.php
index 29e6f5a5e0..13a026eb19 100644
--- a/src/Cms/Blueprint.php
+++ b/src/Cms/Blueprint.php
@@ -211,7 +211,7 @@ protected function acceptedFileTemplatesFromFieldUploads(array $uploads): array
 	}
 
 	/**
-	 * Gathers custom config for Panel header buttons
+	 * Gathers custom config for Panel view buttons
 	 */
 	public function buttons(): array|null
 	{
diff --git a/src/Panel/File.php b/src/Panel/File.php
index cb178c38e9..f9928fa1e8 100644
--- a/src/Panel/File.php
+++ b/src/Panel/File.php
@@ -72,7 +72,7 @@ public function buttons(): array
 	{
 		return
 			$this->model->blueprint()->buttons() ??
-			$this->model->kirby()->option('panel.headerButtons.file', [
+			$this->model->kirby()->option('panel.viewButtons.file', [
 				'preview',
 				'settings',
 				'languages'
diff --git a/src/Panel/Page.php b/src/Panel/Page.php
index 75a2441f35..eeec62348f 100644
--- a/src/Panel/Page.php
+++ b/src/Panel/Page.php
@@ -47,7 +47,7 @@ public function buttons(): array
 	{
 		return
 			$this->model->blueprint()->buttons() ??
-			$this->model->kirby()->option('panel.headerButtons.page', [
+			$this->model->kirby()->option('panel.viewButtons.page', [
 				'preview',
 				'settings',
 				'languages',
diff --git a/src/Panel/Site.php b/src/Panel/Site.php
index 9e8f70cfe4..dcd4a4f786 100644
--- a/src/Panel/Site.php
+++ b/src/Panel/Site.php
@@ -31,7 +31,7 @@ public function buttons(): array
 	{
 		return
 			$this->model->blueprint()->buttons() ??
-			$this->model->kirby()->option('panel.headerButtons.site', [
+			$this->model->kirby()->option('panel.viewButtons.site', [
 				'preview',
 				'languages'
 			]);
diff --git a/src/Panel/User.php b/src/Panel/User.php
index be45726198..7b69bad355 100644
--- a/src/Panel/User.php
+++ b/src/Panel/User.php
@@ -47,7 +47,7 @@ public function buttons(): array
 	{
 		return
 			$this->model->blueprint()->buttons() ??
-			$this->model->kirby()->option('panel.headerButtons.user', [
+			$this->model->kirby()->option('panel.viewButtons.user', [
 				'theme',
 				'settings',
 				'languages'