49bb633fc6
Backend: - UserPresence: track_id, track_title, invisible - UpdatePresenceFull, GetPresenceForViewer (invisible hides for others) - PUT /users/me/presence - Migration 094 rich presence columns Frontend: - presenceService.updatePresence - usePresenceSync: sync currentTrack to presence - PresenceBadge: statusMessage tooltip - PresenceInvisibleToggle in PrivacySettings - MSW: PUT /users/me/presence
61 lines
2 KiB
TypeScript
61 lines
2 KiB
TypeScript
import { Checkbox } from '@/components/ui/checkbox';
|
|
import { Label } from '@/components/ui/label';
|
|
import { PresenceInvisibleToggle } from './PresenceInvisibleToggle';
|
|
import { PrivacySettings as PrivacySettingsType } from '../types/settings';
|
|
|
|
interface PrivacySettingsProps {
|
|
privacy: PrivacySettingsType;
|
|
onChange: (privacy: PrivacySettingsType) => void;
|
|
}
|
|
|
|
export function PrivacySettings({ privacy, onChange }: PrivacySettingsProps) {
|
|
const handleChange = (field: keyof PrivacySettingsType, value: boolean) => {
|
|
onChange({
|
|
...privacy,
|
|
[field]: value,
|
|
});
|
|
};
|
|
|
|
return (
|
|
<div className="space-y-6">
|
|
<div className="space-y-4">
|
|
<div className="flex items-center justify-between">
|
|
<div className="space-y-0.5">
|
|
<Label htmlFor="allow_search_indexing">
|
|
Autoriser l'indexation par les moteurs de recherche
|
|
</Label>
|
|
<p className="text-sm text-muted-foreground">
|
|
Permettre aux moteurs de recherche d'indexer votre profil
|
|
</p>
|
|
</div>
|
|
<Checkbox
|
|
id="allow_search_indexing"
|
|
checked={privacy.allow_search_indexing}
|
|
onCheckedChange={(checked) =>
|
|
handleChange('allow_search_indexing', checked === true)
|
|
}
|
|
/>
|
|
</div>
|
|
|
|
<div className="flex items-center justify-between">
|
|
<div className="space-y-0.5">
|
|
<Label htmlFor="show_activity">Afficher l'activité</Label>
|
|
<p className="text-sm text-muted-foreground">
|
|
Permettre aux autres utilisateurs de voir votre activité
|
|
</p>
|
|
</div>
|
|
<Checkbox
|
|
id="show_activity"
|
|
checked={privacy.show_activity}
|
|
onCheckedChange={(checked) =>
|
|
handleChange('show_activity', checked === true)
|
|
}
|
|
/>
|
|
</div>
|
|
|
|
{/* P2.2: Mode invisible */}
|
|
<PresenceInvisibleToggle />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|