From 52edf556660cf0173e7aa1b09ad8a14bdff71ccb Mon Sep 17 00:00:00 2001
From: adzukimame <88547072+adzukimame@users.noreply.github.com>
Date: Mon, 2 Dec 2024 10:50:25 +0900
Subject: [PATCH] =?UTF-8?q?=E3=82=BF=E3=82=A4=E3=83=A0=E3=83=A9=E3=82=A4?=
 =?UTF-8?q?=E3=83=B3=E3=81=AE=E3=83=98=E3=83=83=E3=83=80=E3=83=BC=E3=82=BF?=
 =?UTF-8?q?=E3=83=96=E9=96=A2=E9=80=A3=E3=81=AE=E4=BF=AE=E6=AD=A3=20(#332)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* タイムラインのヘッダータブを設定するときにタブの数を0個に設定できないように

* 削除ボタンが無効になっているときのスタイルを調整

* クライアント設定の「全般」からリストのピン留めの設定を削除

* timelineTabsがクライアント設定のバックアップに含まれるように
---
 packages/frontend/src/pages/settings/general.vue      | 11 -----------
 .../src/pages/settings/preferences-backups.vue        |  1 +
 packages/frontend/src/pages/settings/timeline.vue     |  7 ++++++-
 3 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/packages/frontend/src/pages/settings/general.vue b/packages/frontend/src/pages/settings/general.vue
index 8a643a852cab..72657d7461da 100644
--- a/packages/frontend/src/pages/settings/general.vue
+++ b/packages/frontend/src/pages/settings/general.vue
@@ -25,17 +25,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 		<option value="desktop"><i class="ti ti-device-desktop"/> {{ i18n.ts.desktop }}</option>
 	</MkRadios>
 
-	<FormSection>
-		<div class="_gaps_s">
-			<MkFolder>
-				<template #label>{{ i18n.ts.pinnedList }}</template>
-				<!-- 複数ピン止め管理できるようにしたいけどめんどいので一旦ひとつのみ -->
-				<MkButton v-if="defaultStore.reactiveState.pinnedUserLists.value.length === 0" @click="setPinnedList()">{{ i18n.ts.add }}</MkButton>
-				<MkButton v-else danger @click="removePinnedList()"><i class="ti ti-trash"></i> {{ i18n.ts.remove }}</MkButton>
-			</MkFolder>
-		</div>
-	</FormSection>
-
 	<FormSection>
 		<template #label>{{ i18n.ts.displayOfNote }}</template>
 
diff --git a/packages/frontend/src/pages/settings/preferences-backups.vue b/packages/frontend/src/pages/settings/preferences-backups.vue
index 22b8ac4ed4a2..0052865755af 100644
--- a/packages/frontend/src/pages/settings/preferences-backups.vue
+++ b/packages/frontend/src/pages/settings/preferences-backups.vue
@@ -61,6 +61,7 @@ const defaultStoreSaveKeys: (keyof typeof defaultStore['state'])[] = [
 	'widgets',
 	'tl',
 	'pinnedUserLists',
+	'timelineTabs',
 	'overridedDeviceKind',
 	'serverDisconnectedBehavior',
 	'nsfw',
diff --git a/packages/frontend/src/pages/settings/timeline.vue b/packages/frontend/src/pages/settings/timeline.vue
index 3430941d388d..8f52c5ffd271 100644
--- a/packages/frontend/src/pages/settings/timeline.vue
+++ b/packages/frontend/src/pages/settings/timeline.vue
@@ -29,7 +29,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 					<template #item="{element, index}">
 						<div :class="$style.tlTabsDragItem">
 							<button v-if="!tlTabsEditMode" class="_button" :class="$style.dragItemHandle" tabindex="-1"><i class="ti ti-menu"></i></button>
-							<button v-if="tlTabsEditMode" class="_button" :class="$style.dragItemRemove" @click="deleteTlTab(index)"><i class="ti ti-x"></i></button>
+							<button v-if="tlTabsEditMode" :disabled="tlTabs.length < 2" class="_button" :class="$style.dragItemRemove" @click="deleteTlTab(index)"><i class="ti ti-x"></i></button>
 							<div :class="$style.tlTabsDragItemTlIcon">
 								<i :class="element.icon"></i>
 							</div>
@@ -215,6 +215,11 @@ definePageMetadata(() => ({
 	&:active {
 		cursor: pointer;
 	}
+
+	&[disabled] {
+		cursor: not-allowed;
+		opacity: .7;
+	}
 }
 
 .dragItemForm {