Add light/dark mode support with CSS variables

server/api/members/directory.get.js

@@ -25,6 +25,8 @@ export default defineEventHandler(async (event) => {
   const search = query.search || "";
   const circle = query.circle || "";
   const tags = query.tags ? query.tags.split(",") : [];
+  const peerSupport = query.peerSupport || "";
+  const topics = query.topics ? query.topics.split(",") : [];
 
   // Build query
   const dbQuery = {
@@ -37,6 +39,11 @@ export default defineEventHandler(async (event) => {
     dbQuery.circle = circle;
   }
 
+  // Filter by peer support availability
+  if (peerSupport === "true") {
+    dbQuery["peerSupport.enabled"] = true;
+  }
+
   // Search by name or bio
   if (search) {
     dbQuery.$or = [
@@ -71,10 +78,15 @@ export default defineEventHandler(async (event) => {
     }
   }
 
+  // Filter by peer support topics
+  if (topics.length > 0) {
+    dbQuery["peerSupport.topics"] = { $in: topics };
+  }
+
   try {
     const members = await Member.find(dbQuery)
       .select(
-        "name pronouns timeZone avatar studio bio location socialLinks offering lookingFor privacy circle createdAt",
+        "name pronouns timeZone avatar studio bio location socialLinks offering lookingFor privacy circle peerSupport slackUserId createdAt",
       )
       .sort({ createdAt: -1 })
       .lean();
@@ -109,6 +121,12 @@ export default defineEventHandler(async (event) => {
       if (isVisible("offering")) filtered.offering = member.offering;
       if (isVisible("lookingFor")) filtered.lookingFor = member.lookingFor;
 
+      // Always show peer support if enabled (it's opt-in, so public by nature)
+      if (member.peerSupport?.enabled) {
+        filtered.peerSupport = member.peerSupport;
+        filtered.slackUserId = member.slackUserId;
+      }
+
       return filtered;
     });
 
@@ -121,11 +139,19 @@ export default defineEventHandler(async (event) => {
       .filter((tag, index, self) => self.indexOf(tag) === index)
       .sort();
 
+    // Get unique peer support topics
+    const allTopics = members
+      .filter((m) => m.peerSupport?.enabled)
+      .flatMap((m) => m.peerSupport?.topics || [])
+      .filter((topic, index, self) => self.indexOf(topic) === index)
+      .sort();
+
     return {
       members: filteredMembers,
       totalCount: filteredMembers.length,
       filters: {
-        availableTags: allTags,
+        availableSkills: allTags,
+        availableTopics: allTopics,
       },
     };
   } catch (error) {

server/api/members/profile.patch.js

@@ -64,12 +64,16 @@ export default defineEventHandler(async (event) => {
 
   // Handle offering and lookingFor separately (nested objects)
   if (body.offering !== undefined) {
-    updateData["offering.text"] = body.offering.text || "";
-    updateData["offering.tags"] = body.offering.tags || [];
+    updateData.offering = {
+      text: body.offering.text || "",
+      tags: body.offering.tags || [],
+    };
   }
   if (body.lookingFor !== undefined) {
-    updateData["lookingFor.text"] = body.lookingFor.text || "";
-    updateData["lookingFor.tags"] = body.lookingFor.tags || [];
+    updateData.lookingFor = {
+      text: body.lookingFor.text || "",
+      tags: body.lookingFor.tags || [],
+    };
   }
 
   // Handle privacy settings

server/migrations/fix-offering-lookingfor-structure.js

@@ -0,0 +1,62 @@
+// Migration to fix offering and lookingFor field structure
+// Run this once to convert string values to object structure
+import mongoose from "mongoose";
+import Member from "../models/member.js";
+import { connectDB } from "../utils/mongoose.js";
+
+async function migrateOfferingLookingFor() {
+  await connectDB();
+
+  console.log("Starting migration: fixing offering and lookingFor structure...");
+
+  try {
+    // Find all members where offering or lookingFor is a string (not an object)
+    const members = await Member.find({
+      $or: [
+        { offering: { $type: "string" } },
+        { lookingFor: { $type: "string" } },
+      ],
+    });
+
+    console.log(`Found ${members.length} members to migrate`);
+
+    for (const member of members) {
+      const updates = {};
+
+      // Convert offering if it's a string
+      if (typeof member.offering === "string") {
+        updates.offering = {
+          text: member.offering,
+          tags: [],
+        };
+        console.log(
+          `Converting offering for member ${member._id}: "${member.offering}"`,
+        );
+      }
+
+      // Convert lookingFor if it's a string
+      if (typeof member.lookingFor === "string") {
+        updates.lookingFor = {
+          text: member.lookingFor,
+          tags: [],
+        };
+        console.log(
+          `Converting lookingFor for member ${member._id}: "${member.lookingFor}"`,
+        );
+      }
+
+      // Update the member
+      if (Object.keys(updates).length > 0) {
+        await Member.findByIdAndUpdate(member._id, { $set: updates });
+      }
+    }
+
+    console.log("Migration completed successfully!");
+    process.exit(0);
+  } catch (error) {
+    console.error("Migration failed:", error);
+    process.exit(1);
+  }
+}
+
+migrateOfferingLookingFor();