fix: move showActivity toggle from Account to Privacy settings panel
This commit is contained in:
@@ -1,11 +1,13 @@
|
||||
import { useState, useEffect } from 'react';
|
||||
import { useAuthStore } from '../../../stores/authStore';
|
||||
import { useActivityStore } from '../../../stores/activityStore';
|
||||
import { api } from '../../../api/client';
|
||||
import { Toggle } from '../../ui/Toggle';
|
||||
|
||||
export function PrivacyPanel() {
|
||||
const user = useAuthStore((s) => s.user);
|
||||
const setUser = useAuthStore((s) => s.setUser);
|
||||
const showActivity = useActivityStore((s) => s.showActivity);
|
||||
const [discoverable, setDiscoverable] = useState(user?.discoverable !== false);
|
||||
const [saving, setSaving] = useState(false);
|
||||
|
||||
@@ -48,6 +50,34 @@ export function PrivacyPanel() {
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Activity Status */}
|
||||
<div>
|
||||
<div className="text-[11px] font-semibold text-txt-tertiary uppercase tracking-wider mb-1.5">
|
||||
Activity Status
|
||||
</div>
|
||||
<div className="rounded-lg bg-white/[0.03] border border-white/[0.04] p-3.5">
|
||||
<div className="flex items-center justify-between py-1">
|
||||
<div className="flex-1 mr-4">
|
||||
<div className="text-sm text-txt-primary">Share Activity Status</div>
|
||||
<div className="text-xs text-txt-tertiary mt-0.5">
|
||||
Allow others to see what you're up to, like games you're playing or music you're listening to.
|
||||
</div>
|
||||
</div>
|
||||
<Toggle
|
||||
enabled={showActivity}
|
||||
onChange={async (enabled) => {
|
||||
try {
|
||||
await api.users.update({ showActivity: enabled });
|
||||
useActivityStore.getState().setShowActivity(enabled);
|
||||
} catch (err) {
|
||||
console.error('Failed to update activity visibility:', err);
|
||||
}
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user