From 2709f18c61f1a5e20edf0d3e0bdd6f9db093767a Mon Sep 17 00:00:00 2001
From: Petr Glaser <syreanis+1@gmail.com>
Date: Wed, 30 Oct 2024 22:57:40 +0100
Subject: [PATCH 1/5] Revert "fix(legacy): :lipstick: fix banner on mobile"

This reverts commit 91d8647ea1df1ecb2a1946694e5b10b8e4fb1f96.
---
 apps/legacy_nmit/components/Menu.tsx      | 2 +-
 apps/legacy_nmit/components/SideMenu.tsx  | 2 +-
 apps/legacy_nmit/pages/chapter/[post].tsx | 4 ++--
 apps/legacy_nmit/pages/dashboard.tsx      | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/legacy_nmit/components/Menu.tsx b/apps/legacy_nmit/components/Menu.tsx
index e42797be..fb26af93 100644
--- a/apps/legacy_nmit/components/Menu.tsx
+++ b/apps/legacy_nmit/components/Menu.tsx
@@ -49,7 +49,7 @@ function MenuItem({
 
 export function Menu({ items, logoLink, children, inApp }: MenuProps) {
     return (
-        <Disclosure as='nav' className='fixed top-32 sm:top-20 md:top-12 z-20 w-screen bg-background/90 transition-all print:hidden'>
+        <Disclosure as='nav' className='fixed top-20 md:top-12 z-20 w-screen bg-background/90 transition-all print:hidden'>
             {({ open, close }) => (
                 <>
                     <div className='mx-auto mt-4 max-w-screen-3xl px-6 lg:px-0'>
diff --git a/apps/legacy_nmit/components/SideMenu.tsx b/apps/legacy_nmit/components/SideMenu.tsx
index 698252cf..9828d719 100644
--- a/apps/legacy_nmit/components/SideMenu.tsx
+++ b/apps/legacy_nmit/components/SideMenu.tsx
@@ -8,7 +8,7 @@ type Props = {
 
 export function SideMenu({ children }: Props) {
     return (
-        <nav className='h-full flex flex-col justify-between bg-rightSide bg-no-repeat bg-contain bg-rightCut pl-4 pr-20 py-4 pt-20'>
+        <nav className='h-full flex flex-col justify-between bg-rightSide bg-no-repeat bg-contain bg-rightCut pl-4 pr-20 py-4'>
             <div>
                 <Typography
                     variant='normal'
diff --git a/apps/legacy_nmit/pages/chapter/[post].tsx b/apps/legacy_nmit/pages/chapter/[post].tsx
index 2f7f4acf..91cb1ae6 100644
--- a/apps/legacy_nmit/pages/chapter/[post].tsx
+++ b/apps/legacy_nmit/pages/chapter/[post].tsx
@@ -46,12 +46,12 @@ const Post: React.FC<PostProps> = ({ mdx, metaInformation, headings }) => {
             </Head>
             <InAppMenu />
             <div className='grid grid-cols-12 auto-rows-auto h-screen'>
-                <div className='print:hidden row-start-1 row-end-3 xl:row-end-7 xl:row-span-full col-span-full xl:col-span-2 mt-32 bg-secondary/5 overflow-auto'>
+                <div className='print:hidden row-start-1 row-end-2 xl:row-end-7 xl:row-span-full col-span-full xl:col-span-2 mt-20 bg-secondary/5 overflow-auto'>
                     <SideMenu>
                         <TreeToC headings={headings} />
                     </SideMenu>
                 </div>
-                <main className='flex flex-row justify-start items-start row-end-7 xl:col-start-3 col-span-full row-start-4 xl:row-start-1 row-span-full overflow-auto print:overflow-visible px-10 pt-10 xl:mt-20 pb-2 overscroll-none'>
+                <main className='flex flex-row justify-start items-start row-end-7 xl:col-start-3 col-span-full row-start-3 xl:row-start-1 row-span-full overflow-auto print:overflow-visible px-10 xl:mt-20 pb-2 overscroll-none'>
                     <article className='max-w-prose print:block'>
                         <Logo className='hidden print:block' width={120} />
                         <Typography
diff --git a/apps/legacy_nmit/pages/dashboard.tsx b/apps/legacy_nmit/pages/dashboard.tsx
index 239c13cf..3b9069b9 100644
--- a/apps/legacy_nmit/pages/dashboard.tsx
+++ b/apps/legacy_nmit/pages/dashboard.tsx
@@ -40,12 +40,12 @@ const Dashboard: React.FC = () => {
             </Head>
             <InAppMenu />
             <div className='grid grid-cols-12 auto-rows-auto h-screen'>
-                <div className='row-start-1 row-end-3 xl:row-end-7 xl:row-span-full col-span-full xl:col-span-2 mt-32 bg-secondary/5 overflow-auto'>
+                <div className='row-start-1 row-end-2 xl:row-end-7 xl:row-span-full col-span-full xl:col-span-2 mt-20 bg-secondary/5 overflow-auto'>
                     <SideMenu>
                         <TreeToC headings={headings} />
                     </SideMenu>
                 </div>
-                <main className='row-end-7 xl:col-start-3 col-span-full row-start-4 xl:row-start-1 row-span-full overflow-auto xl:mt-20 pb-2 pt-10 overscroll-none'>
+                <main className='row-end-7 xl:col-start-3 col-span-full row-start-3 xl:row-start-1 row-span-full overflow-auto xl:mt-20 pb-2 overscroll-none'>
                     <MissingBanner />
                     <section className='flex flex-col lg:flex-row justify-center items-center lg:items-start mt-5 gap-10'>
                         <ContentCard title='Kurz QA' priority phrase='Začít' href='/chapter/qa-00'>

From 15e230016b16180c3c3e82a605e207daffd6dbb1 Mon Sep 17 00:00:00 2001
From: Petr Glaser <syreanis+1@gmail.com>
Date: Wed, 30 Oct 2024 22:57:58 +0100
Subject: [PATCH 2/5] Revert "fix(legacy): :lipstick: fix banner on mobile"

This reverts commit b40e56f1e2e085d18a42c554f726812cc0242ad1.
---
 apps/legacy_nmit/components/Menu.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/legacy_nmit/components/Menu.tsx b/apps/legacy_nmit/components/Menu.tsx
index fb26af93..9de5b22e 100644
--- a/apps/legacy_nmit/components/Menu.tsx
+++ b/apps/legacy_nmit/components/Menu.tsx
@@ -49,7 +49,7 @@ function MenuItem({
 
 export function Menu({ items, logoLink, children, inApp }: MenuProps) {
     return (
-        <Disclosure as='nav' className='fixed top-20 md:top-12 z-20 w-screen bg-background/90 transition-all print:hidden'>
+        <Disclosure as='nav' className='fixed top-12 z-20 w-screen bg-background/90 transition-all print:hidden'>
             {({ open, close }) => (
                 <>
                     <div className='mx-auto mt-4 max-w-screen-3xl px-6 lg:px-0'>

From 91aca1923cdca106a146c509d6eb43c69ec54a36 Mon Sep 17 00:00:00 2001
From: Petr Glaser <syreanis+1@gmail.com>
Date: Wed, 30 Oct 2024 22:58:56 +0100
Subject: [PATCH 3/5] Revert "feat(legacy): :lipstick: add recommendation for
 our API course"

This reverts commit be9464312bb4cfd363680e962d4450f51be9926b.
---
 apps/legacy_nmit/components/Menu.tsx | 2 +-
 apps/legacy_nmit/pages/_document.tsx | 2 --
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/apps/legacy_nmit/components/Menu.tsx b/apps/legacy_nmit/components/Menu.tsx
index 9de5b22e..8931bd22 100644
--- a/apps/legacy_nmit/components/Menu.tsx
+++ b/apps/legacy_nmit/components/Menu.tsx
@@ -49,7 +49,7 @@ function MenuItem({
 
 export function Menu({ items, logoLink, children, inApp }: MenuProps) {
     return (
-        <Disclosure as='nav' className='fixed top-12 z-20 w-screen bg-background/90 transition-all print:hidden'>
+        <Disclosure as='nav' className='fixed top-0 z-20 w-screen bg-background/90 transition-all print:hidden'>
             {({ open, close }) => (
                 <>
                     <div className='mx-auto mt-4 max-w-screen-3xl px-6 lg:px-0'>
diff --git a/apps/legacy_nmit/pages/_document.tsx b/apps/legacy_nmit/pages/_document.tsx
index 3f835213..01d93df8 100644
--- a/apps/legacy_nmit/pages/_document.tsx
+++ b/apps/legacy_nmit/pages/_document.tsx
@@ -3,7 +3,6 @@ import { Html, Head, Main, NextScript } from "next/document"
 import Script from "next/script"
 import { Partytown } from "@builder.io/partytown/react"
 import { Tracking } from "../components/Tracking"
-import Link from 'next/link';
 
 const APP_MAIN_COLOR = "#090c28"
 const APP_NAME = "Nauč mě IT"
@@ -66,7 +65,6 @@ export default function Document() {
                 />
             </Head>
             <body className='h-full font-poppins accent-primary caret-primary'>
-                <div className="fixed top-0 w-full z-50 text-white py-1 text-xl text-center bg-primary"><Link href={"/kurz-api"}>Už jsme v kurzu! Můžeš se přihlásit na Kurz API zde.</Link></div>
                 <Main />
                 <NextScript />
                 <Script

From 9e73393550c728b175d6ab069da48d01af4b56dd Mon Sep 17 00:00:00 2001
From: Petr Glaser <syreanis+1@gmail.com>
Date: Thu, 31 Oct 2024 00:01:00 +0100
Subject: [PATCH 4/5] feat(legacy): :lipstick: add recommendation for our AI
 course

WIP: Needs changing main video
---
 apps/legacy_nmit/components/GlobalModal.tsx | 61 +++++++++++++++++++++
 apps/legacy_nmit/package.json               |  4 +-
 apps/legacy_nmit/pages/_app.tsx             |  6 +-
 3 files changed, 67 insertions(+), 4 deletions(-)
 create mode 100644 apps/legacy_nmit/components/GlobalModal.tsx

diff --git a/apps/legacy_nmit/components/GlobalModal.tsx b/apps/legacy_nmit/components/GlobalModal.tsx
new file mode 100644
index 00000000..80505a68
--- /dev/null
+++ b/apps/legacy_nmit/components/GlobalModal.tsx
@@ -0,0 +1,61 @@
+// components/GlobalModal.tsx
+import { useState, useEffect } from 'react';
+import * as Dialog from '@radix-ui/react-dialog';
+import { XMarkIcon } from '@heroicons/react/24/outline'
+import { Button } from './Button'
+
+const MODAL_COOKIE_KEY = 'global_modal_closed';
+
+export function GlobalModal() {
+  const [isOpen, setIsOpen] = useState(false);
+
+  useEffect(() => {
+    const hasClosedModal = document.cookie
+      .split('; ')
+      .find(row => row.startsWith(MODAL_COOKIE_KEY))
+      ?.split('=')[1];
+
+    if (!hasClosedModal) {
+      setIsOpen(true);
+    }
+  }, []);
+
+  const handleChange = (isOpen: boolean) => {
+    if (isOpen) {
+      setIsOpen(isOpen)
+    } else {
+      handleClose()
+    }
+  }
+
+  const handleClose = () => {
+    // Set cookie to expire in 1 year
+    document.cookie = `${MODAL_COOKIE_KEY}=true; path=/; max-age=${60 * 60 * 24 * 365}; SameSite=Lax`;
+    setIsOpen(false);
+  };
+
+  return (
+    <Dialog.Root open={isOpen} onOpenChange={handleChange}>
+      <Dialog.Portal>
+        <Dialog.Overlay className="fixed inset-0 backdrop-blur-md" />
+        <Dialog.Content className="fixed left-1/2 top-1/2 w-full xl:w-1/2 h-fit -translate-x-1/2 -translate-y-1/2 bg-background p-6 shadow-lg">
+          <Dialog.Close asChild onClick={handleClose}>
+            <button type="button" className='z-50 absolute top-0 right-0 flex flex-col items-center justify-center p-3 duration-500 outline-none cursor-pointer lg:p-6 hover:opacity-30'>
+                <XMarkIcon className='block h-10 w-10' aria-hidden='true' />
+            </button>
+          </Dialog.Close>
+          <Dialog.Title className="text-lg font-semibold">
+            AI Kurz
+          </Dialog.Title>
+
+          <div className="mt-4">
+            <p className="text-gray-600">
+              <iframe className='w-full aspect-video' src="https://www.youtube.com/embed/ZXB3XTZRtdk" title="Pozvánka na AI kurz" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerPolicy="strict-origin-when-cross-origin" allowFullScreen />
+            </p>
+          </div>
+          <div className='flex mt-3 justify-center w-full'><Button theme="main">Vzhůru na AI kurz!</Button></div>
+        </Dialog.Content>
+      </Dialog.Portal>
+    </Dialog.Root>
+  );
+}
diff --git a/apps/legacy_nmit/package.json b/apps/legacy_nmit/package.json
index d395cf22..03d73456 100644
--- a/apps/legacy_nmit/package.json
+++ b/apps/legacy_nmit/package.json
@@ -90,7 +90,7 @@
     "tsutils": "^3.21.0",
     "typescript": "^5.6.2"
   },
-  "packageManager": "pnpm@9.11.0",
+  "packageManager": "pnpm@9.12.3",
   "engineStrict": true,
   "engines": {
     "node": ">=20.17.0",
@@ -99,6 +99,6 @@
   },
   "volta": {
     "node": "20.17.0",
-    "pnpm": "9.1.4"
+    "pnpm": "9.12.3"
   }
 }
diff --git a/apps/legacy_nmit/pages/_app.tsx b/apps/legacy_nmit/pages/_app.tsx
index b02f25e0..d7edd685 100644
--- a/apps/legacy_nmit/pages/_app.tsx
+++ b/apps/legacy_nmit/pages/_app.tsx
@@ -1,9 +1,10 @@
 import "../styles/global.css"
 import type { AppProps } from "next/app"
 import { SessionProvider } from "next-auth/react"
-import { Session } from "next-auth"
+import type { Session } from "next-auth"
 import splitbee from "@splitbee/web"
 import { useEffect } from "react"
+import { GlobalModal } from "../components/GlobalModal"
 
 function MyApp({ Component, pageProps }: Readonly<AppProps<{ readonly session: Session }>>) {
     useEffect(() => {
@@ -17,7 +18,8 @@ function MyApp({ Component, pageProps }: Readonly<AppProps<{ readonly session: S
     return (
         <SessionProvider session={pageProps.session}>
             <Component {...pageProps} />
-            <div id='calendly'></div>
+            <GlobalModal />
+            <div id='calendly' />
         </SessionProvider>
     )
 }

From c4e85585d73f3f7f750338a87974816094537152 Mon Sep 17 00:00:00 2001
From: Petr Glaser <syreanis+1@gmail.com>
Date: Thu, 31 Oct 2024 11:28:55 +0100
Subject: [PATCH 5/5] feat(legacy): :lipstick: hide modal after navigation

---
 apps/legacy_nmit/components/GlobalModal.tsx | 33 +++++++++++++--------
 1 file changed, 20 insertions(+), 13 deletions(-)

diff --git a/apps/legacy_nmit/components/GlobalModal.tsx b/apps/legacy_nmit/components/GlobalModal.tsx
index 80505a68..19b0523e 100644
--- a/apps/legacy_nmit/components/GlobalModal.tsx
+++ b/apps/legacy_nmit/components/GlobalModal.tsx
@@ -1,24 +1,31 @@
-// components/GlobalModal.tsx
-import { useState, useEffect } from 'react';
-import * as Dialog from '@radix-ui/react-dialog';
+import { useRouter } from 'next/router'
+import { useState, useEffect } from 'react'
+import * as Dialog from '@radix-ui/react-dialog'
 import { XMarkIcon } from '@heroicons/react/24/outline'
 import { Button } from './Button'
 
-const MODAL_COOKIE_KEY = 'global_modal_closed';
+const MODAL_COOKIE_KEY = 'global_modal_closed'
 
 export function GlobalModal() {
-  const [isOpen, setIsOpen] = useState(false);
+  const [isOpen, setIsOpen] = useState(false)
+  const router = useRouter()
 
   useEffect(() => {
     const hasClosedModal = document.cookie
       .split('; ')
       .find(row => row.startsWith(MODAL_COOKIE_KEY))
-      ?.split('=')[1];
+      ?.split('=')[1]
 
     if (!hasClosedModal) {
-      setIsOpen(true);
+      setIsOpen(true)
     }
-  }, []);
+  }, [])
+
+  useEffect(() => {
+    if (router.asPath.startsWith("/kurz-ai")) {
+      setTimeout(handleClose, 500)
+    }
+  }, [router.asPath])
 
   const handleChange = (isOpen: boolean) => {
     if (isOpen) {
@@ -30,9 +37,9 @@ export function GlobalModal() {
 
   const handleClose = () => {
     // Set cookie to expire in 1 year
-    document.cookie = `${MODAL_COOKIE_KEY}=true; path=/; max-age=${60 * 60 * 24 * 365}; SameSite=Lax`;
-    setIsOpen(false);
-  };
+    document.cookie = `${MODAL_COOKIE_KEY}=true; path=/; max-age=${60 * 60 * 24 * 365}; SameSite=Lax`
+    setIsOpen(false)
+  }
 
   return (
     <Dialog.Root open={isOpen} onOpenChange={handleChange}>
@@ -53,9 +60,9 @@ export function GlobalModal() {
               <iframe className='w-full aspect-video' src="https://www.youtube.com/embed/ZXB3XTZRtdk" title="Pozvánka na AI kurz" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerPolicy="strict-origin-when-cross-origin" allowFullScreen />
             </p>
           </div>
-          <div className='flex mt-3 justify-center w-full'><Button theme="main">Vzhůru na AI kurz!</Button></div>
+          <div className='flex mt-3 justify-center w-full'><Button theme="main" href="/kurz-ai">Vzhůru na AI kurz!</Button></div>
         </Dialog.Content>
       </Dialog.Portal>
     </Dialog.Root>
-  );
+  )
 }