define defult Following Feed state in following-feed-utils.ts instead of store.ts

1 files changed, 20 insertions, 1 deletions

diff --git a/packages/frontend/src/scripts/following-feed-utils.ts b/packages/frontend/src/scripts/following-feed-utils.ts
index bf4266f830..3b4020f84b 100644
--- a/packages/frontend/src/scripts/following-feed-utils.ts
+++ b/packages/frontend/src/scripts/following-feed-utils.ts
@@ -45,13 +45,32 @@ export interface FollowingFeedState {
 	remoteWarningDismissed: boolean,
 }
 
+export const defaultFollowingFeedState: FollowingFeedState = {
+	withNonPublic: false,
+	withQuotes: false,
+	withBots: true,
+	withReplies: false,
+	onlyFiles: false,
+	userList: followingTab,
+	remoteWarningDismissed: false,
+};
+
 interface StorageInterface<T extends Partial<FollowingFeedState> = Partial<FollowingFeedState>> {
 	readonly state: Partial<T>;
 	readonly reactiveState: Ref<Partial<T>>;
 	save(updated: T): void;
 }
 
-export function createOptions(storage?: Ref<StorageInterface>): PageHeaderItem {
+export function createHeaderItem(storage?: Ref<StorageInterface>): PageHeaderItem {
+	const menu = createOptionsMenu(storage);
+	return {
+		icon: 'ti ti-dots',
+		text: i18n.ts.options,
+		handler: ev => popupMenu(menu, ev.currentTarget ?? ev.target),
+	};
+}
+
+export function createOptionsMenu(storage?: Ref<StorageInterface>): MenuItem[] {
 	const {
 		userList,
 		withNonPublic,