Switched the database provider from MySQL to PostgreSQL in migration_…

…lock.toml. A new "ChartContainer" component has been included in the layout file. Also, a new "@clerk/themes" was added to the dependency list, and docker-compose.yml was created for PostgreSQL service.

.vscode/settings.json

@@ -0,0 +1,2 @@
+{
+}

app/(dashboard)/layout.tsx

@@ -2,6 +2,7 @@ import Navbar from "@/components/navbar";
 import { Sidebar } from "@/components/sidebar";
 import { checkSubscription } from "@/lib/subscription";
 import { getApiLimitCount } from "@/lib/api-limit";
+import ChartContainer from "@/components/ui/chart-container";
 
 const DashboardLayout = async ({
   children,
@@ -10,6 +11,8 @@ const DashboardLayout = async ({
 }) => {
   const apiLimitCount = await getApiLimitCount();
   const isDonor = await checkSubscription();
+  //const warPercentageDesired = localStorage.getItem("warPercentageDesired");
+
 
   return ( 
     <div className="h-full relative">

docker-compose.yml

@@ -0,0 +1,13 @@
+version: '3.8'
+services:
+  db:
+    image: postgres:13
+    restart: always
+    environment:
+      POSTGRES_USER: test_user
+      POSTGRES_PASSWORD: test_password
+      POSTGRES_DB: test_db
+    ports:
+      - 5432:5432
+    volumes:
+      - ./data:/var/lib/postgresql/data

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "next13-ai-saas",
+  "name": "global-referdum-on-war-and-disease",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -12,6 +12,7 @@
   },
   "dependencies": {
     "@clerk/nextjs": "^4.21.15",
+    "@clerk/themes": "^1.7.11",
     "@hookform/resolvers": "^3.1.1",
     "@prisma/client": "^5.0.0",
     "@radix-ui/react-avatar": "^1.0.3",

prisma/migrations/migration_lock.toml

@@ -1,3 +1,3 @@
 # Please do not edit this file manually
 # It should be added in your version-control system (i.e. Git)
-provider = "mysql"
+provider = "postgresql"