From 77145bcc548f1a65e18f5118ca860b8a3a56499c Mon Sep 17 00:00:00 2001
From: Leifer Mendez <leifer33@gmail.com>
Date: Tue, 24 Jan 2023 14:22:33 +0100
Subject: [PATCH] docs: :art: modal added

---
 .../src/components/widgets/SearchModal.tsx    | 20 +++++++++++++++++++
 packages/docs/src/routes/docs/layout!.tsx     |  2 ++
 packages/docs/src/routes/index.tsx            |  2 +-
 packages/docs/src/services/opencollective.ts  |  2 +-
 .../server/@qwik-city-not-found-paths.js      |  2 +-
 .../portal/server/@qwik-city-static-paths.js  |  1 -
 6 files changed, 25 insertions(+), 4 deletions(-)
 create mode 100644 packages/docs/src/components/widgets/SearchModal.tsx

diff --git a/packages/docs/src/components/widgets/SearchModal.tsx b/packages/docs/src/components/widgets/SearchModal.tsx
new file mode 100644
index 0000000..ed31b87
--- /dev/null
+++ b/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>
+})
diff --git a/packages/docs/src/routes/docs/layout!.tsx b/packages/docs/src/routes/docs/layout!.tsx
index cb34220..4d66df2 100644
--- a/packages/docs/src/routes/docs/layout!.tsx
+++ b/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'}>
diff --git a/packages/docs/src/routes/index.tsx b/packages/docs/src/routes/index.tsx
index 8ad3b75..dbfb2da 100644
--- a/packages/docs/src/routes/index.tsx
+++ b/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 {
diff --git a/packages/docs/src/services/opencollective.ts b/packages/docs/src/services/opencollective.ts
index 2eb60c8..9a89f25 100644
--- a/packages/docs/src/services/opencollective.ts
+++ b/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',
         }
diff --git a/packages/portal/server/@qwik-city-not-found-paths.js b/packages/portal/server/@qwik-city-not-found-paths.js
index f5f657d..473076c 100644
--- a/packages/portal/server/@qwik-city-not-found-paths.js
+++ b/packages/portal/server/@qwik-city-not-found-paths.js
@@ -1,7 +1,7 @@
 const notFounds = [
     [
         '/',
-        '<!DOCTYPE html>\n<html>\n<head>\n  <meta charset="utf-8">\n  <meta http-equiv="Status" content="404"/>\n  <title>404 Resource Not Found</title>\n  <meta name="viewport" content="width=device-width,initial-scale=1">\n  <style>\n    body { color: #006ce9; background-color: #fafafa; padding: 30px; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, sans-serif; }\n    p { max-width: 600px; margin: 60px auto 30px auto; background: white; border-radius: 4px; box-shadow: 0px 0px 50px -20px #006ce9; overflow: hidden; }\n    strong { display: inline-block; padding: 15px; background: #006ce9; color: white; }\n    span { display: inline-block; padding: 15px; }\n    pre { max-width: 580px; margin: 0 auto; }\n  </style>\n</head>\n<body>\n  <p><strong>404</strong> <span>Resource Not Found</span></p>\n</body>\n</html>',
+        '<!DOCTYPE html>\n<html>\n    <head>\n        <meta charset="utf-8" />\n        <meta http-equiv="Status" content="404" />\n        <title>404 Resource Not Found</title>\n        <meta name="viewport" content="width=device-width,initial-scale=1" />\n        <style>\n            body {\n                color: #006ce9;\n                background-color: #fafafa;\n                padding: 30px;\n                font-family: ui-sans-serif, system-ui, -apple-system,\n                    BlinkMacSystemFont, Roboto, sans-serif;\n            }\n            p {\n                max-width: 600px;\n                margin: 60px auto 30px auto;\n                background: white;\n                border-radius: 4px;\n                box-shadow: 0px 0px 50px -20px #006ce9;\n                overflow: hidden;\n            }\n            strong {\n                display: inline-block;\n                padding: 15px;\n                background: #006ce9;\n                color: white;\n            }\n            span {\n                display: inline-block;\n                padding: 15px;\n            }\n            pre {\n                max-width: 580px;\n                margin: 0 auto;\n            }\n        </style>\n    </head>\n    <body>\n        <p><strong>404</strong> <span>Resource Not Found</span></p>\n    </body>\n</html>\n',
     ],
 ]
 function getNotFound(p) {
diff --git a/packages/portal/server/@qwik-city-static-paths.js b/packages/portal/server/@qwik-city-static-paths.js
index 1afa65f..1835f6b 100644
--- a/packages/portal/server/@qwik-city-static-paths.js
+++ b/packages/portal/server/@qwik-city-static-paths.js
@@ -1,5 +1,4 @@
 const staticPaths = new Set([
-    '/',
     '/favicon.svg',
     '/manifest.json',
     '/q-manifest.json',