Fix test bugs: mute filtering, notification toggles, external links, emoji picker

- Fix mute button having no effect in Media Feed (missing filter)
- Fix notification toggle switches overlapping labels (sizing + shrink-0)
- Fix external links not opening in system browser (use Tauri opener plugin)
- Fix trending refresh showing no visual feedback (clear list on force refresh)
- Fix emoji reactions inaccessible behind WebKitGTK context menu (visible + button)
- Add emoji picker to compose box, inline reply, and thread reply
- New shared EmojiPicker component with categorized emoji groups
This commit is contained in:
Jure
2026-03-20 15:32:57 +01:00
parent 0bcbba6e8f
commit c65ddb1c26
8 changed files with 170 additions and 17 deletions
+4 -4
View File
@@ -360,16 +360,16 @@ function NotificationSection() {
</p>
<div className="space-y-2">
{items.map(({ key, label }) => (
<label key={key} className="flex items-center gap-2 cursor-pointer group">
<label key={key} className="flex items-center gap-3 cursor-pointer group">
<button
onClick={() => toggle(key)}
className={`w-8 h-4 rounded-full transition-colors relative ${
className={`w-9 h-5 rounded-full transition-colors relative shrink-0 ${
settings[key] ? "bg-accent" : "bg-border"
}`}
>
<span
className={`absolute top-0.5 w-3 h-3 rounded-full bg-white transition-transform ${
settings[key] ? "translate-x-4" : "translate-x-0.5"
className={`absolute top-0.5 left-0.5 w-4 h-4 rounded-full bg-white transition-transform ${
settings[key] ? "translate-x-4" : "translate-x-0"
}`}
/>
</button>