···

       
43
       
 
       
  );

     

       
44
       
 
       
};

     

       
45
       
 
       


     

       
46
       
-
       
export const NavMenu = (props: { href: string; label: string; icon: string; newTab?: boolean }) => {

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
47
       
 
       
  const ctx = useContext(MenuContext);

     

       
48
       
 
       


     

       
49
       
 
       
  return (

     
···

       
53
       
 
       
      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"

     

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

     

       
55
       
 
       
    >

     

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

     

       
0
       
 
       

     

       
0
       
 
       

     

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

     

       
58
       
 
       
    </A>

     

       
59
       
 
       
  );

     

···

       
43
       
 
       
  );

     

       
44
       
 
       
};

     

       
45
       
 
       


     

       
46
       
+
       
export const NavMenu = (props: {

     

       
47
       
+
       
  href: string;

     

       
48
       
+
       
  label: string;

     

       
49
       
+
       
  icon?: string;

     

       
50
       
+
       
  newTab?: boolean;

     

       
51
       
+
       
}) => {

     

       
52
       
 
       
  const ctx = useContext(MenuContext);

     

       
53
       
 
       


     

       
54
       
 
       
  return (

     
···

       
58
       
 
       
      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"

     

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

     

       
60
       
 
       
    >

     

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

     

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

     

       
63
       
+
       
      </Show>

     

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

     

       
65
       
 
       
    </A>

     

       
66
       
 
       
  );

     

···

       
96
       
 
       
              buttonClass="rounded-lg p-1"

     

       
97
       
 
       
              menuClass="top-10 p-3"

     

       
98
       
 
       
            >

     

       
99
       
-
       
              <NavMenu href="/jetstream" label="Jetstream" icon="lucide--radio-tower" />

     

       
100
       
-
       
              <NavMenu href="/firehose" label="Firehose" icon="lucide--waves" />

     

       
101
       
-
       
              <NavMenu href="/settings" label="Settings" icon="lucide--settings" />

     

       
102
       
 
       
              <ThemeSelection />

     

       
103
       
 
       
            </DropdownMenu>

     

       
104
       
 
       
          </MenuProvider>

     

···

       
96
       
 
       
              buttonClass="rounded-lg p-1"

     

       
97
       
 
       
              menuClass="top-10 p-3"

     

       
98
       
 
       
            >

     

       
99
       
+
       
              <NavMenu href="/jetstream" label="Jetstream" />

     

       
100
       
+
       
              <NavMenu href="/firehose" label="Firehose" />

     

       
101
       
+
       
              <NavMenu href="/settings" label="Settings" />

     

       
102
       
 
       
              <ThemeSelection />

     

       
103
       
 
       
            </DropdownMenu>

     

       
104
       
 
       
          </MenuProvider>

     

···

       
149
       
 
       
          inactiveClass="border-transparent hover:border-neutral-400 dark:hover:border-neutral-600"

     

       
150
       
 
       
          href="/jetstream"

     

       
151
       
 
       
        >

     

       
152
       
-
       
          <span class="iconify lucide--radio-tower"></span>

     

       
153
       
 
       
          Jetstream

     

       
154
       
 
       
        </A>

     

       
155
       
 
       
        <A

     
···

       
157
       
 
       
          inactiveClass="border-transparent hover:border-neutral-400 dark:hover:border-neutral-600"

     

       
158
       
 
       
          href="/firehose"

     

       
159
       
 
       
        >

     

       
160
       
-
       
          <span class="iconify lucide--waves"></span>

     

       
161
       
 
       
          Firehose

     

       
162
       
 
       
        </A>

     

       
163
       
 
       
      </div>

     

···

       
149
       
 
       
          inactiveClass="border-transparent hover:border-neutral-400 dark:hover:border-neutral-600"

     

       
150
       
 
       
          href="/jetstream"

     

       
151
       
 
       
        >

     

       
0
       
 
       

     

       
152
       
 
       
          Jetstream

     

       
153
       
 
       
        </A>

     

       
154
       
 
       
        <A

     
···

       
156
       
 
       
          inactiveClass="border-transparent hover:border-neutral-400 dark:hover:border-neutral-600"

     

       
157
       
 
       
          href="/firehose"

     

       
158
       
 
       
        >

     

       
0
       
 
       

     

       
159
       
 
       
          Firehose

     

       
160
       
 
       
        </A>

     

       
161
       
 
       
      </div>