commit 7d83853918d472592cb4dc8e86f1fdf74dc40e7d · pdsls.dev/pdsls

+5

src/components/dropdown.tsx

···

       48
       48
        
         label: string;

     

       49
       49
        
         icon?: string;

     

       50
       50
        
         newTab?: boolean;

     

       51
       51
       +
         external?: boolean;

     

       51
       52
        
       }) => {

     

       52
       53
        
         const ctx = useContext(MenuContext);

     

       53
       54
        
       

     
···

       56
       57
        
             href={props.href}

     

       57
       58
        
             onClick={() => ctx?.setShowMenu(false)}

     

       58
       59
        
             class="flex items-center gap-1.5 rounded-lg p-1 hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       60
       60
       +
             classList={{ "justify-between": props.external }}

     

       59
       61
        
             target={props.newTab ? "_blank" : undefined}

     

       60
       62
        
           >

     

       61
       63
        
             <Show when={props.icon}>

     

       62
       64
        
               <span class={"iconify shrink-0 " + props.icon}></span>

     

       63
       65
        
             </Show>

     

       64
       66
        
             <span class="whitespace-nowrap">{props.label}</span>

     

       67
       67
       +
             <Show when={props.external}>

     

       68
       68
       +
               <span class="iconify lucide--external-link"></span>

     

       69
       69
       +
             </Show>

     

       65
       70
        
           </A>

     

       66
       71
        
         );

     

       67
       72
        
       };

+13 -1

src/layout.tsx

···

       154
       154
        
                   <DropdownMenu

     

       155
       155
        
                     icon="lucide--menu text-xl"

     

       156
       156
        
                     buttonClass="rounded-lg p-1"

     

       157
       157
       -
                     menuClass="top-10 p-3"

     

       157
       157
       +
                     menuClass="top-10 p-3 text-sm"

     

       158
       158
        
                   >

     

       159
       159
        
                     <NavMenu href="/jetstream" label="Jetstream" />

     

       160
       160
        
                     <NavMenu href="/firehose" label="Firehose" />

     

       161
       161
        
                     <NavMenu href="/settings" label="Settings" />

     

       162
       162
       +
                     <NavMenu

     

       163
       163
       +
                       href="https://bsky.app/profile/did:plc:6q5daed5gutiyerimlrnojnz"

     

       164
       164
       +
                       label="Bluesky"

     

       165
       165
       +
                       newTab

     

       166
       166
       +
                       external

     

       167
       167
       +
                     />

     

       168
       168
       +
                     <NavMenu

     

       169
       169
       +
                       href="https://tangled.org/@pdsls.dev/pdsls/"

     

       170
       170
       +
                       label="Source"

     

       171
       171
       +
                       newTab

     

       172
       172
       +
                       external

     

       173
       173
       +
                     />

     

       162
       174
        
                     <ThemeSelection />

     

       163
       175
        
                   </DropdownMenu>

     

       164
       176
        
                 </MenuProvider>

-16

src/views/home.tsx

···

       38
       38
        
                 <span>Query labels from moderation services.</span>

     

       39
       39
        
               </div>

     

       40
       40
        
             </div>

     

       41
       41
       -
             <div class="flex gap-2 text-xl">

     

       42
       42
       -
               <a

     

       43
       43
       -
                 href="https://tangled.org/@pdsls.dev/pdsls/"

     

       44
       44
       -
                 target="_blank"

     

       45
       45
       -
                 class="flex rounded-full bg-neutral-200 p-1.5 transition-colors duration-300 hover:bg-neutral-700 hover:text-neutral-200 dark:bg-neutral-700 dark:hover:bg-neutral-200 dark:hover:text-neutral-700"

     

       46
       46
       -
               >

     

       47
       47
       -
                 <span class="iconify i-tangled"></span>

     

       48
       48
       -
               </a>

     

       49
       49
       -
               <a

     

       50
       50
       -
                 href="https://bsky.app/profile/did:plc:6q5daed5gutiyerimlrnojnz"

     

       51
       51
       -
                 target="_blank"

     

       52
       52
       -
                 class="flex rounded-full bg-neutral-200 p-1.5 transition-colors duration-300 hover:bg-neutral-700 hover:text-neutral-200 dark:bg-neutral-700 dark:hover:bg-neutral-200 dark:hover:text-neutral-700"

     

       53
       53
       -
               >

     

       54
       54
       -
                 <span class="iconify ri--bluesky"></span>

     

       55
       55
       -
               </a>

     

       56
       56
       -
             </div>

     

       57
       41
        
             <div class="text-center text-sm italic">

     

       58
       42
        
               Made by{" "}

     

       59
       43
        
               <a