🔧 reduce the types of timelines and treat the social timeline as the home timeline (packages/client/src/components/global/MkPageHeader.vue, packages/client/src/pages/timeline.vue)

packages/client/src/components/global/MkPageHeader.vue

@@ -42,8 +42,7 @@
 				/>
 				<i
 					v-else-if="metadata.icon && !narrow"
-					class="icon"
-					:class="icon(metadata.icon)"
+					class="icon ph-house ph-lg ph-lg ph-bold"
 				></i>
 
 				<div class="title">
@@ -268,6 +267,9 @@ onMounted(() => {
 				await document.fonts.ready;
 				if (props.tab == null) return;
 				if (!isTabs(props.tabs)) return;
+				if (props.tab === "home") {
+					emit("update:tab", "social");
+				}
 				const tabEl = tabRefs[props.tab];
 				if (tabEl && tabHighlightEl.value) {
 					const isVertical = getComputedStyle(tabHighlightEl.value)[

packages/client/src/pages/timeline.vue

@@ -236,32 +236,12 @@ const headerActions = computed(() =>
 );
 
 const headerTabs = computed(() => [
-	...(isHomeTimelineAvailable
-		? [
-				{
-					key: "home",
-					title: i18n.ts._timelines.home,
-					icon: `${icon("ph-house")}`,
-					iconOnly: true,
-				},
-			]
-		: []),
 	...(isSocialTimelineAvailable
 		? [
 				{
 					key: "social",
-					title: i18n.ts._timelines.social,
-					icon: `${icon("ph-handshake")}`,
-					iconOnly: true,
-				},
-			]
-		: []),
-	...(isRecommendedTimelineAvailable
-		? [
-				{
-					key: "recommended",
-					title: i18n.ts._timelines.recommended,
-					icon: `${icon("ph-thumbs-up")}`,
+					title: i18n.ts._timelines.home,
+					icon: `${icon("ph-house")}`,
 					iconOnly: true,
 				},
 			]