atmosphere explorer pds.ls
tool typescript atproto
434
fork

Configure Feed

Select the types of activity you want to include in your feed.

keep dropdown open with media toggle

Juliet ca99ec39 26b8b507

+8 -2
+7 -2
src/components/dropdown.tsx
··· 84 84 ); 85 85 }; 86 86 87 - export const ActionMenu = (props: { label: string; icon: string; onClick: () => void }) => { 87 + export const ActionMenu = (props: { 88 + label: string; 89 + icon: string; 90 + onClick: () => void; 91 + keepOpen?: boolean; 92 + }) => { 88 93 const ctx = useContext(MenuContext); 89 94 90 95 return ( 91 96 <button 92 97 onClick={() => { 93 98 props.onClick(); 94 - ctx?.setShowMenu(false); 99 + if (!props.keepOpen) ctx?.setShowMenu(false); 95 100 }} 96 101 class="flex items-center gap-2 rounded-md p-1.5 whitespace-nowrap hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600" 97 102 >
+1
src/views/record.tsx
··· 525 525 <ActionMenu 526 526 label={hideMedia() ? "Show media" : "Hide media"} 527 527 icon={hideMedia() ? "lucide--eye" : "lucide--eye-off"} 528 + keepOpen 528 529 onClick={() => { 529 530 const next = !hideMedia(); 530 531 localStorage.hideMedia = String(next);