docs: 🎨 modal added

packages/docs/src/components/widgets/SearchModal.tsx

@@ -0,0 +1,20 @@
+import { component$, useStore } from '@builder.io/qwik'
+
+export const SearchModal = component$(() => {
+    const state = useStore({
+        open: false,
+        src: '',
+    })
+
+    return (
+        <div class={'bg-gray-100/75  fixed w-[100vw] h-[100vh] z-50'}>
+            <div class={'bg-red-200 w-1/3 m-auto mt-12'}>
+                <SingleModal />
+            </div>
+        </div>
+    )
+})
+
+export const SingleModal = component$(() => {
+    return <div class={'bg-blue-300 w-100 px-3 py-2'}>Modal singlke</div>
+})

packages/docs/src/routes/docs/layout!.tsx

@@ -3,6 +3,7 @@ import type { DocumentHead } from '@builder.io/qwik-city'
 import ExtraBar from '~/components/widgets/ExtraBar'
 import Header from '~/components/widgets/Header'
 import NavBar from '~/components/widgets/NavBar'
+import { SearchModal } from '~/components/widgets/SearchModal'
 import SponsorBar from '~/components/widgets/SponsorBar'
 import { GlobalStore } from '~/contexts'
 // import Navigation from '~/components/widgets/Navigation'
@@ -14,6 +15,7 @@ export default component$(() => {
 
     return (
         <>
+            <SearchModal />
             <Header />
             <main class={'overflow-hidden'}>
                 <div class={'max-w-8xl'}>

packages/docs/src/routes/index.tsx

@@ -10,11 +10,11 @@ import { fetchGithub } from '~/services/github'
 import { fetchOpenCollective } from '~/services/opencollective'
 import { RequestHandlerNetlify } from '@builder.io/qwik-city/middleware/netlify-edge'
 import { GITHUB_TOKEN } from './docs/constant'
+import { SearchModal } from '~/components/widgets/SearchModal'
 
 export const onGet: RequestHandlerNetlify = async ({ platform }) => {
     const CHECK_GITHUB_TOKEN =
         (platform as any)?.['GITHUB_TOKEN'] ?? GITHUB_TOKEN
-    console.log(`[🚩 platform]: `, GITHUB_TOKEN)
     const dataGithub = await fetchGithub(CHECK_GITHUB_TOKEN)
     const dataOpenCollective = await fetchOpenCollective()
     return {

packages/docs/src/services/opencollective.ts

@@ -4,7 +4,7 @@
  */
 export const fetchOpenCollective = async () => {
     const data = await fetch(
-        `https://opencollective.com/bot-whatsapp/members/users.json?limit=10&offset=0`,
+        `https://opencollective.com/bot-whatsapp/members/users.json?limit=22&offset=0`,
         {
             method: 'GET',
         }