Merge pull request #669 from hackforla/develop

Develop into Main

Author: LoTerence

dev/dev.env.example

@@ -1,7 +1,7 @@
 # environment file to configure docker containers
 
 # postgres
-POSTGRES_NAME=<same as SQL_DATABASE>
+POSTGRES_DB=<same as SQL_DATABASE>
 POSTGRES_USER=postgres
 POSTGRES_PASSWORD=<same as SQL_PASSWORD>
 

docker-compose.yml

@@ -11,7 +11,7 @@ services:
     volumes:
       - postgres_data:/lib/postgresql/data
     ports:
-      - "5434:5434"
+      - "5432:5432"
     healthcheck:
       test: [ "CMD-SHELL", "pg_isready" ]
       interval: 10s
@@ -58,6 +58,9 @@ services:
         - action: sync
           path: ./frontend
           target: /usr/src/app
+    volumes:
+      - ./frontend:/usr/src/app 
+      - /usr/src/app/node_modules
 
 volumes:
   postgres_data: {}

frontend/package-lock.json

@@ -73,6 +73,7 @@
     "clsx": "^2.1.1",
     "react-hook-form": "^7.46.1",
     "react-popper": "^2.3.0",
+    "tailwind-merge": "^3.2.0",
     "vite-tsconfig-paths": "^4.3.1"
   }
 }

frontend/package.json

@@ -9,6 +9,7 @@ import {
 interface copDatum {
   id: number;
   title: string;
+  subtitle: string;
   icon: React.ElementType;
   description: string;
   roles: string[];
@@ -18,6 +19,7 @@ const copData: copDatum[] = [
   {
     id: 0, // will be replaced by useID when upgrade to React18+; see #200
     title: "UI/UX",
+    subtitle: "UX Design and Writing",
     icon: CopIconUiux,
     description:
       "The User Interface/User Experience (UI/UX) Community of Practice (CoP) is a space for UI and UX designers and research professionals to share effective practices, and give and receive mentorship, set design and research standards, and to create guides for new projects. Recent meeting topics include how to create a professional online portfolio, a meet and greet with a Hack for LA alum who landed a job at Google, how to effectively network, and training in Figma.",
@@ -31,6 +33,7 @@ const copData: copDatum[] = [
   {
     id: 1,
     title: "Engineering",
+    subtitle: "Frontend and Backend",
     icon: CopIconEngineering,
     description:
       "The Engineering Community of Practice (CoP) is a space for developers to share effective practices and set development standards and give and receive mentorship. Recent meeting topics include career advancement strategy workshops and “tech talks” with discussions on architecture paradigms, testing, and new technology.",
@@ -44,6 +47,7 @@ const copData: copDatum[] = [
   {
     id: 2,
     title: "Data Science",
+    subtitle: "",
     icon: CopIconData,
     description:
       "The Data Science Community of Practice (CoP) is a space for data science professionals to discuss the current state of the field, share effective practices, give and receive mentorship, and to workshop projects. Recent meeting topics include reviewing popular tools for data analysis, using data science to improve Hack for LA workflows, and presenting research results to peers and leadership for feedback and mentoring.",
@@ -57,6 +61,7 @@ const copData: copDatum[] = [
   {
     id: 3,
     title: "Project/Product Management",
+    subtitle: "Planning and Organization",
     icon: CopIconProduct,
     description:
       "The Product Managers (PM) Community of Practice (CoP) is a space for product management professionals to share effective practices, and give and receive mentorship, set product management standards, and to create guides and templates for new projects. Recent meeting topics include a project management focused book club, discussing how to best manage knowledge and issues, and brainstorming solutions to various PM issues.",
@@ -72,6 +77,7 @@ const copData: copDatum[] = [
   {
     id: 4,
     title: "DevOps",
+    subtitle: "Dev and IT Operations",
     icon: CopIconOps,
     description:
       "The Operations (Ops) Community of Practice (CoP) is a space for operations professionals to discuss all areas of dev-ops, coordinate infrastructure improvement, and share effective practices, and give and receive mentorship. Recent meeting topics include improving AWS hosting, password vaults, and multi-tenant product architecture.",

frontend/src/api_data/copData.ts

@@ -102,18 +102,18 @@ $theme-values: (
     ),
   ),
   "primary-dark": (
-    "background-color": $color-blue,
-    "color": $color-white,
+    "background-color": $color-white,
+    "color": $color-blue-dark,
     "focus": (
-      "background-color": $color-blue-focused,
+      "background-color": $color-blue-dark-focused,
     ),
     "hover": (
-      "background-color": $color-white,
+      "background-color": $color-blue-dark-hover,
       "box-shadow": 0 4px 4px rgb(0 0 0 / 20%),
-      "color": $color-charcoal,
+      "color": $color-white,
     ),
     "active": (
-      "background-color": $color-blue-focused,
+      "background-color": $color-blue-dark-focused,
     ),
   ),
 );