initial commit

2026-01-01 20:42:59 +00:00
commit 2f557eda8c
9029 changed files with 1490197 additions and 0 deletions
--- a/fluxer_app/src/components/modals/tabs/NotificationsTab.tsx
+++ b/fluxer_app/src/components/modals/tabs/NotificationsTab.tsx
@@ -0,0 +1,94 @@
+/*
+ * Copyright (C) 2026 Fluxer Contributors
+ *
+ * This file is part of Fluxer.
+ *
+ * Fluxer is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * Fluxer is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with Fluxer. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import {useLingui} from '@lingui/react/macro';
+import {observer} from 'mobx-react-lite';
+import type React from 'react';
+import * as UserSettingsActionCreators from '~/actions/UserSettingsActionCreators';
+import {SettingsSection} from '~/components/modals/shared/SettingsSection';
+import {SettingsTabContainer, SettingsTabContent} from '~/components/modals/shared/SettingsTabLayout';
+import NotificationStore from '~/stores/NotificationStore';
+import SoundStore from '~/stores/SoundStore';
+import UserSettingsStore from '~/stores/UserSettingsStore';
+import {Notifications} from './NotificationsTab/Notifications';
+import {PushSettings} from './NotificationsTab/PushSettings';
+import {Sounds} from './NotificationsTab/Sounds';
+import {useSoundSettings} from './NotificationsTab/useSoundSettings';
+
+const NotificationsTab: React.FC = observer(() => {
+	const {t} = useLingui();
+	const browserNotificationsEnabled = NotificationStore.browserNotificationsEnabled;
+	const unreadMessageBadgeEnabled = NotificationStore.unreadMessageBadgeEnabled;
+	const soundSettings = SoundStore.settings;
+	const {afkTimeout} = UserSettingsStore;
+
+	const {
+		hasPremium,
+		soundTypeLabels,
+		customSounds,
+		handleToggleAllSounds,
+		handleToggleSound,
+		handleEnableAllSounds,
+		handleDisableAllSounds,
+		handlePreviewSound,
+		handleUploadClick,
+		handleCustomSoundDelete,
+	} = useSoundSettings();
+
+	const handleAfkTimeoutChange = async (value: number) => {
+		try {
+			await UserSettingsActionCreators.update({afkTimeout: value * 60});
+		} catch {}
+	};
+
+	return (
+		<SettingsTabContainer>
+			<SettingsTabContent>
+				<SettingsSection id="notifications" title={t`Notifications`}>
+					<Notifications
+						browserNotificationsEnabled={browserNotificationsEnabled}
+						unreadMessageBadgeEnabled={unreadMessageBadgeEnabled}
+					/>
+				</SettingsSection>
+
+				<SettingsSection id="sounds" title={t`Sounds`}>
+					<Sounds
+						soundSettings={soundSettings}
+						hasPremium={hasPremium}
+						soundTypeLabels={soundTypeLabels}
+						customSounds={customSounds}
+						onToggleAllSounds={handleToggleAllSounds}
+						onToggleSound={handleToggleSound}
+						onEnableAllSounds={handleEnableAllSounds}
+						onDisableAllSounds={handleDisableAllSounds}
+						onPreviewSound={handlePreviewSound}
+						onUploadClick={handleUploadClick}
+						onCustomSoundDelete={handleCustomSoundDelete}
+					/>
+				</SettingsSection>
+
+				<SettingsSection id="push" title={t`Push Settings`}>
+					<PushSettings afkTimeout={afkTimeout} onAfkTimeoutChange={handleAfkTimeoutChange} />
+				</SettingsSection>
+			</SettingsTabContent>
+		</SettingsTabContainer>
+	);
+});
+
+export default NotificationsTab;