Fixed unresponsiveness issue in phone view.

apps/web/components/Tracks.tsx

@@ -142,11 +142,11 @@ export const Tracks = ({ tracks, categories }: TracksWithCategoriesProps) => {
             Cohort 3.0
           </Button>
         </div>
-        <div className="flex gap-2 p-2.5 bg-primary/5 rounded-lg w-full md:w-fit">
+        <div className="flex gap-2 p-2.5 bg-primary/5 rounded-lg w-full lg:w-fit">
           {/* Filter by Categories */}
-          <div className="flex gap-2 items-center ">
+          <div className="flex gap-2 items-center w-1/2 lg:w-auto">
             <Select onValueChange={(e) => setSelectedCategory(e === "All" ? "" : e)}>
-              <SelectTrigger className="w-[250px]">
+              <SelectTrigger className="w-full lg:w-[250px]">
                 <SelectValue placeholder={selectedCategory || "All"} />
               </SelectTrigger>
               <SelectContent>
@@ -162,7 +162,7 @@ export const Tracks = ({ tracks, categories }: TracksWithCategoriesProps) => {
 
           {/* Sort */}
           <Select onValueChange={(e) => setSortBy(e)}>
-            <SelectTrigger className="w-[250px]">
+            <SelectTrigger className="w-1/2 lg:w-[250px]">
               <SelectValue placeholder="Sort by" />
             </SelectTrigger>
             <SelectContent>

apps/web/package.json

@@ -10,7 +10,7 @@
     "lint:fix": "eslint --fix ."
   },
   "dependencies": {
-    "@auth/prisma-adapter": "^1.5.2",
+    "@auth/prisma-adapter": "^2.7.4",
     "@google/generative-ai": "^0.11.3",
     "@icons-pack/react-simple-icons": "^9.4.1",
     "@qdrant/js-client-rest": "^1.9.0",
@@ -28,6 +28,7 @@
     "notion-client": "^6.16.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-notion-x": "7.2.5",
     "react-scroll-to-top": "^3.0.0",
     "recoil": "^0.7.7",
     "tailwind-merge": "^2.2.0",

package.json

@@ -26,6 +26,7 @@
     "lint-staged": "^15.2.1",
     "postcss": "^8.4.33",
     "prettier": "^3.1.1",
+    "prisma": "^6.0.1",
     "tailwindcss": "^3.4.1",
     "turbo": "^2.1.1"
   },
@@ -41,9 +42,10 @@
     "date-fns": "^3.6.0",
     "framer-motion": "^11.3.30",
     "fuse.js": "^7.0.0",
+    "install": "^0.13.0",
     "ioredis": "^5.4.1",
     "nextjs-toploader": "^1.6.11",
     "react": "^18.2.0",
-    "react-notion-x": "^6.16.0"
+    "react-notion-x": "^7.2.5"
   }
 }

packages/db/docker-compose.yml

@@ -5,8 +5,8 @@ services:
     image: postgres
     environment:
       POSTGRES_USER: ${POSTGRES_USER:-postgres}
-      POSTGRES_PASSWORD: ${POSTGRES_PASSWORD:-password}
-      POSTGRES_DB: 100xdevs
+      POSTGRES_PASSWORD: ${POSTGRES_PASSWORD:-mypwd}
+      POSTGRES_DB: postgres
       PGDATA: /data/postgres
     ports:
       - "5432:5432"

packages/db/package.json

@@ -13,11 +13,15 @@
   "keywords": [],
   "author": "",
   "license": "ISC",
-  "dependencies": {
-    "@prisma/client": "5.12.0",
-    "prisma": "^5.12.0"
-  },
   "exports": {
     "./client": "./src/index.ts"
+  },
+  "devDependencies": {
+    "prisma": "^6.1.0",
+    "ts-node": "^10.9.2"
+  },
+  "dependencies": {
+    "@prisma/client": "^6.1.0",
+    "prisma": "^6.1.0"
   }
 }

packages/typescript-config/base.json

@@ -7,14 +7,14 @@
     "esModuleInterop": true,
     "incremental": false,
     "isolatedModules": true,
-    "lib": ["es2022", "DOM", "DOM.Iterable"],
+    "lib": ["es2015", "DOM", "DOM.Iterable"],
     "module": "NodeNext",
     "moduleDetection": "force",
     "moduleResolution": "NodeNext",
     "noUncheckedIndexedAccess": true,
     "resolveJsonModule": true,
     "skipLibCheck": true,
     "strict": true,
-    "target": "ES2022"
+    "target": "ES2015"
   }
 }

packages/ui/package.json

@@ -46,7 +46,7 @@
     "lucide-react": "^0.367.0",
     "next": "^14.0.4",
     "next-themes": "^0.2.1",
-    "react-notion-x": "^6.16.0",
+    "react-notion-x": "^7.2.5",
     "react-resizable-panels": "^1.0.9",
     "rehype-prism-plus": "^2.0.0",
     "rehype-rewrite": "^4.0.2",