From 09597c55f8c7e368d8fed27fd1e33e3b614a48f3 Mon Sep 17 00:00:00 2001
From: Alex Mickelson <alexmickelson96@gmail.com>
Date: Mon, 4 Nov 2024 10:54:29 -0700
Subject: [PATCH] fixing homepage

---
 nextjs/devtunnel.sh                           |  3 +++
 nextjs/docker-compose.yml                     | 25 ++++++++++++++++++-
 .../src/app/todaysLectures/TodaysLectures.tsx |  5 ++--
 3 files changed, 30 insertions(+), 3 deletions(-)
 create mode 100755 nextjs/devtunnel.sh

diff --git a/nextjs/devtunnel.sh b/nextjs/devtunnel.sh
new file mode 100755
index 0000000..28fc076
--- /dev/null
+++ b/nextjs/devtunnel.sh
@@ -0,0 +1,3 @@
+
+# devtunnel user login
+devtunnel host -p 3000
\ No newline at end of file
diff --git a/nextjs/docker-compose.yml b/nextjs/docker-compose.yml
index 94ee14b..406c8cd 100644
--- a/nextjs/docker-compose.yml
+++ b/nextjs/docker-compose.yml
@@ -15,4 +15,27 @@ services:
       - ~/projects/faculty/4850_AdvancedFE/2024-fall-alex/modules:/app/storage/advanced_frontend
       - ~/projects/faculty/1810/2024-fall-alex/modules:/app/storage/intro_to_web
       - ~/projects/faculty/1420/2024-fall/Modules:/app/storage/1420
-      - ~/projects/faculty/1425/2024-fall/Modules:/app/storage/1425
\ No newline at end of file
+      - ~/projects/faculty/1425/2024-fall/Modules:/app/storage/1425
+
+  # https://developers.cloudflare.com/cloudflare-one/connections/connect-networks/
+  # https://github.com/jonas-merkle/container-cloudflare-tunnel
+  # cloudflare-tunnel:
+  #   image: cloudflare/cloudflared
+  #   container_name: cloudflare-tunnel
+  #   restart: unless-stopped
+  #   env_file:
+  #     - .env
+  #   command: tunnel run
+  #   volumes:
+  #     - /etc/localtime:/etc/localtime:ro
+  #   environment:
+  #     - "TUNNEL_TOKEN=${CLOUDFLARE_TUNNEL_TOKEN}"
+  #   healthcheck:
+  #     test: ["CMD", "cloudflared", "--version"]
+  #     interval: 30s
+  #     timeout: 10s
+  #     retries: 3
+  #     start_period: 10s
+
+
+  # https://ngrok.com/docs/using-ngrok-with/docker/
diff --git a/nextjs/src/app/todaysLectures/TodaysLectures.tsx b/nextjs/src/app/todaysLectures/TodaysLectures.tsx
index e96bacd..f843acd 100644
--- a/nextjs/src/app/todaysLectures/TodaysLectures.tsx
+++ b/nextjs/src/app/todaysLectures/TodaysLectures.tsx
@@ -4,6 +4,7 @@ import { useLocalCoursesSettingsQuery } from "@/hooks/localCourse/localCoursesHo
 import OneCourseLectures from "./OneCourseLectures";
 import { SuspenseAndErrorHandling } from "@/components/SuspenseAndErrorHandling";
 import CourseContextProvider from "../course/[courseName]/context/CourseContextProvider";
+import { Fragment } from "react";
 
 export default function TodaysLectures() {
   const { data: allSettings } = useLocalCoursesSettingsQuery();
@@ -13,11 +14,11 @@ export default function TodaysLectures() {
       <div className="flex justify-around w-full">
         <SuspenseAndErrorHandling>
           {allSettings.map((settings) => (
-            <div key={settings.name} className="flex-shrink">
+            <Fragment key={settings.name}>
               <CourseContextProvider localCourseName={settings.name}>
                 <OneCourseLectures />
               </CourseContextProvider>
-            </div>
+            </Fragment>
           ))}
         </SuspenseAndErrorHandling>
       </div>