chore: fix up missing imports

Author: gioboa

packages/docs/src/components/header/header.tsx

@@ -1,4 +1,4 @@
-import { component$, useContext, useStyles$ } from '@qwik.dev/core';
+import { component$, useContext, useStyles$, useSignal, type PropsOf } from '@qwik.dev/core';
 import { useLocation } from '@qwik.dev/router';
 import { GlobalStore } from '../../context';
 import { DocSearch } from '../docsearch/doc-search';

packages/docs/src/components/on-this-page/on-this-page-more.tsx

@@ -6,11 +6,10 @@ import { GithubLogo } from '../svgs/github-logo';
 import { TwitterLogo } from '../svgs/twitter-logo';
 
 type OnThisPageMoreProps = {
-  theme: 'light' | 'dark' | 'auto';
   editUrl: string;
 };
 
-export const OnThisPageMore = component$<OnThisPageMoreProps>(({ theme, editUrl }) => {
+export const OnThisPageMore = component$<OnThisPageMoreProps>(({ editUrl }) => {
   const OnThisPageMore = [
     {
       href: editUrl,
@@ -45,15 +44,11 @@ export const OnThisPageMore = component$<OnThisPageMoreProps>(({ theme, editUrl
         {OnThisPageMore.map((el, index) => {
           return (
             <li
-              class={`${
-                theme === 'light'
-                  ? 'hover:bg-[var(--qwik-light-blue)]'
-                  : 'hover:bg-[var(--on-this-page-hover-bg-color)]'
-              } rounded-lg`}
+              class="hover:bg-(--on-this-page-hover-bg-color) rounded-lg"
               key={`more-items-on-this-page-${index}`}
             >
               <a class="more-item" href={el.href} rel="noopener" target="_blank">
-                {el.icon && <el.icon width={20} height={20} />}
+                <el.icon width={20} height={20} />
                 <span>{el.text}</span>
               </a>
             </li>

packages/docs/src/components/on-this-page/on-this-page.tsx

@@ -1,11 +1,5 @@
 import { $, component$, useOnDocument, useSignal, useStyles$ } from '@qwik.dev/core';
 import { useContent, useLocation } from '@qwik.dev/router';
-import { AlertIcon } from '../svgs/alert-icon';
-import { ChatIcon } from '../svgs/chat-icon';
-import { EditIcon } from '../svgs/edit-icon';
-import { GithubLogo } from '../svgs/github-logo';
-import { TwitterLogo } from '../svgs/twitter-logo';
-import { GlobalStore } from '../../context';
 import styles from './on-this-page.css?inline';
 import { OnThisPageMore } from './on-this-page-more';
 
@@ -177,26 +171,9 @@ export const OnThisPage = component$(() => {
               </li>
             ))}
           </ul>
-          <OnThisPageMore theme={theme.theme} editUrl={editUrl} />
+          <OnThisPageMore editUrl={editUrl} />
         </>
       ) : null}
-
-      <h6>More</h6>
-      <ul class="px-2 font-medium text-[var(--interactive-text-color)]">
-        {OnThisPageMore.map((el, index) => {
-          return (
-            <li
-              class="hover:bg-(--on-this-page-hover-bg-color) rounded-lg"
-              key={`more-items-on-this-page-${index}`}
-            >
-              <a class="more-item" href={el.href} rel="noopener" target="_blank">
-                <el.icon width={20} height={20} />
-                <span>{el.text}</span>
-              </a>
-            </li>
-          );
-        })}
-      </ul>
     </aside>
   );
 });