Many things

next-sitemap.config.js

@@ -14,6 +14,7 @@ module.exports = {
     "/hackathon/[hackathon_id]",
     "/project/[project_id]",
     "/hack/[event_id]",
+    "/jobs/[slug]",
     // Dynamic routes covered by /server-sitemap.xml instead
     "https://api.test.ohack.dev/",
     "https://test.api.ohack.dev/",
@@ -60,7 +61,8 @@ module.exports = {
       path.includes("recruit") ||
       path.includes("hackathon") ||
       path.includes("social-good") ||
-      path.includes("nonprofits")
+      path.includes("nonprofits") ||
+      path.includes("jobs")
     ) {
       priority = 0.8;
       changefreq = "weekly";

src/components/ApplicationForm/DietaryRestrictionsSelect.js

@@ -0,0 +1,171 @@
+import React, { useMemo } from "react";
+import {
+  Box,
+  Checkbox,
+  Chip,
+  FormControl,
+  FormHelperText,
+  InputLabel,
+  ListItemText,
+  MenuItem,
+  Select,
+  TextField,
+} from "@mui/material";
+
+// Common dietary restrictions offered across the application forms.
+// "None" is exclusive; "Other" reveals a short free-text detail field.
+// The stored value is a human-readable comma-joined string (the same
+// shape the legacy free-text hacker field produced), so old submissions
+// still parse and admins/caterers can read it directly.
+export const DIETARY_RESTRICTION_OPTIONS = [
+  "None",
+  "Vegetarian",
+  "Vegan",
+  "Pescatarian",
+  "Halal",
+  "Kosher",
+  "Gluten-free",
+  "Dairy-free",
+  "Nut allergy",
+  "Shellfish allergy",
+  "Egg allergy",
+  "Soy allergy",
+  "Other",
+];
+
+const OPTION_BY_LOWER = new Map(
+  DIETARY_RESTRICTION_OPTIONS.map((o) => [o.toLowerCase(), o]),
+);
+
+// A few aliases so values from other parts of the system (meal
+// dietary_tags, legacy free text) map onto the curated options.
+const ALIASES = new Map([
+  ["gluten free", "Gluten-free"],
+  ["dairy free", "Dairy-free"],
+  ["nut-free", "Nut allergy"],
+  ["nut free", "Nut allergy"],
+  ["no restrictions", "None"],
+  ["n/a", "None"],
+  ["na", "None"],
+]);
+
+export const parseDietaryRestrictions = (value) => {
+  if (!value) return { selected: [], other: "" };
+  const tokens = String(value)
+    .split(",")
+    .map((t) => t.trim())
+    .filter(Boolean);
+  const selected = [];
+  const otherTokens = [];
+  for (const token of tokens) {
+    const lower = token.toLowerCase();
+    const match = OPTION_BY_LOWER.get(lower) || ALIASES.get(lower);
+    if (match) {
+      if (!selected.includes(match)) selected.push(match);
+    } else {
+      otherTokens.push(token);
+    }
+  }
+  const other = otherTokens.join(", ");
+  if (other && !selected.includes("Other")) selected.push("Other");
+  return { selected, other };
+};
+
+export const serializeDietaryRestrictions = (selected, other) => {
+  const trimmedOther = (other || "").trim();
+  const ordered = DIETARY_RESTRICTION_OPTIONS.filter((o) =>
+    (selected || []).includes(o),
+  );
+  // Swap "Other" for its free-text detail when provided (mirrors the
+  // expertise/skills "Other" submit pattern used across the forms).
+  const parts = ordered.map((o) =>
+    o === "Other" && trimmedOther ? trimmedOther : o,
+  );
+  return parts.join(", ");
+};
+
+const DietaryRestrictionsSelect = ({
+  value,
+  onChange,
+  label = "Dietary restrictions (optional)",
+  helperText = "Select all that apply so we can plan meals for in-person attendees.",
+  required = false,
+  MenuProps,
+  sx = { mb: 3 },
+}) => {
+  const { selected, other } = useMemo(
+    () => parseDietaryRestrictions(value),
+    [value],
+  );
+
+  const emit = (nextSelected, nextOther) => {
+    onChange(serializeDietaryRestrictions(nextSelected, nextOther));
+  };
+
+  const handleSelectChange = (event) => {
+    const raw = event.target.value;
+    let next = typeof raw === "string" ? raw.split(",") : raw;
+    if (next.includes("None") && !selected.includes("None")) {
+      // "None" was just picked — it stands alone.
+      next = ["None"];
+    } else if (next.length > 1) {
+      next = next.filter((o) => o !== "None");
+    }
+    emit(next, next.includes("Other") ? other : "");
+  };
+
+  const handleOtherChange = (event) => {
+    emit(selected, event.target.value);
+  };
+
+  const labelId = "dietary-restrictions-label";
+
+  return (
+    <Box sx={sx}>
+      <FormControl fullWidth required={required}>
+        <InputLabel id={labelId}>{label}</InputLabel>
+        <Select
+          labelId={labelId}
+          id="dietary-restrictions"
+          multiple
+          value={selected}
+          onChange={handleSelectChange}
+          label={label}
+          MenuProps={MenuProps}
+          renderValue={(vals) => (
+            <Box sx={{ display: "flex", flexWrap: "wrap", gap: 0.5 }}>
+              {vals.map((v) => (
+                <Chip
+                  key={v}
+                  size="small"
+                  label={v === "Other" && other ? other : v}
+                />
+              ))}
+            </Box>
+          )}
+        >
+          {DIETARY_RESTRICTION_OPTIONS.map((option) => (
+            <MenuItem key={option} value={option}>
+              <Checkbox checked={selected.includes(option)} size="small" />
+              <ListItemText primary={option} />
+            </MenuItem>
+          ))}
+        </Select>
+        {helperText && <FormHelperText>{helperText}</FormHelperText>}
+      </FormControl>
+      {selected.includes("Other") && (
+        <TextField
+          size="small"
+          fullWidth
+          label="Tell us more about your dietary needs"
+          placeholder="e.g. severe garlic allergy, low-sodium"
+          value={other}
+          onChange={handleOtherChange}
+          sx={{ mt: 1.5 }}
+        />
+      )}
+    </Box>
+  );
+};
+
+export default DietaryRestrictionsSelect;

src/components/ApplicationForm/Hacker/LocationDemographicsStep.js

@@ -13,7 +13,13 @@ import {
   TextField,
   Typography,
 } from "@mui/material";
-import { MealMenu } from "../index";
+import {
+  DietaryRestrictionsSelect,
+  MealMenu,
+  MealSchedule,
+  MEALS_MODE_SCHEDULE,
+  getMealsMode,
+} from "../index";
 import {
   AGE_RANGE_OPTIONS,
   ARIZONA_COUNTY_OPTIONS,
@@ -232,28 +238,31 @@ const LocationDemographicsStep = ({
 
       {/* Only show dietary restrictions for non-online events */}
       {!eventData?.isOnlineEvent && (
-        <TextField
-          label="Dietary Restrictions (Optional)"
-          name="dietaryRestrictions"
-          fullWidth
+        <DietaryRestrictionsSelect
           value={formData.dietaryRestrictions || ""}
-          onChange={handleChange}
-          sx={{ mb: 3 }}
-          helperText="Please let us know about any dietary restrictions for in-person attendees"
+          onChange={(next) =>
+            setFormData((prev) => ({ ...prev, dietaryRestrictions: next }))
+          }
         />
       )}
 
       {!eventData?.isOnlineEvent &&
         Array.isArray(eventData?.constraints?.meals) &&
-        eventData.constraints.meals.length > 0 && (
+        eventData.constraints.meals.length > 0 &&
+        (getMealsMode(eventData.constraints) === MEALS_MODE_SCHEDULE ? (
+          <MealSchedule
+            meals={eventData.constraints.meals}
+            note={eventData.constraints.meals_note || ""}
+          />
+        ) : (
           <MealMenu
             meals={eventData.constraints.meals}
             selections={formData.mealSelections || {}}
             onChange={(next) =>
               setFormData((prev) => ({ ...prev, mealSelections: next }))
             }
           />
-        )}
+        ))}
     </Box>
   </Box>
 );

src/components/ApplicationForm/Hacker/__tests__/LocationDemographicsStep.test.js

@@ -0,0 +1,75 @@
+import React from "react";
+import { render, screen } from "@testing-library/react";
+import LocationDemographicsStep from "../LocationDemographicsStep";
+
+const MEALS = [
+  { id: "m1", name: "Saturday Lunch", time: "2026-10-10T12:00:00", items: [] },
+  {
+    id: "m2",
+    name: "Saturday Dinner",
+    time: "2026-10-10T18:00:00",
+    items: [
+      { id: "i1", name: "Veggie bowl" },
+      { id: "i2", name: "Chicken bowl" },
+    ],
+  },
+];
+
+const renderStep = (eventData) =>
+  render(
+    <LocationDemographicsStep
+      formData={{}}
+      setFormData={jest.fn()}
+      handleChange={jest.fn()}
+      eventData={eventData}
+    />,
+  );
+
+describe("LocationDemographicsStep meals rendering", () => {
+  it("renders the item picker by default when meals are configured", () => {
+    renderStep({
+      isOnlineEvent: false,
+      constraints: { meals: MEALS },
+    });
+    expect(screen.getByText("Meal selections")).toBeInTheDocument();
+    expect(screen.queryByText("Meal schedule")).not.toBeInTheDocument();
+    expect(screen.getAllByRole("radio").length).toBeGreaterThan(0);
+  });
+
+  it("renders the read-only schedule when meals_mode is 'schedule'", () => {
+    renderStep({
+      isOnlineEvent: false,
+      constraints: {
+        meals: MEALS,
+        meals_mode: "schedule",
+        meals_note: "Breakfast, lunch, and dinner are on us.",
+      },
+    });
+    expect(screen.getByText("Meal schedule")).toBeInTheDocument();
+    expect(
+      screen.getByText("Breakfast, lunch, and dinner are on us."),
+    ).toBeInTheDocument();
+    expect(screen.queryByText("Meal selections")).not.toBeInTheDocument();
+    expect(screen.queryByRole("radio")).not.toBeInTheDocument();
+    // Menu items never render in schedule mode
+    expect(screen.queryByText("Veggie bowl")).not.toBeInTheDocument();
+  });
+
+  it("renders no meal section for online events regardless of mode", () => {
+    renderStep({
+      isOnlineEvent: true,
+      constraints: { meals: MEALS, meals_mode: "schedule" },
+    });
+    expect(screen.queryByText("Meal schedule")).not.toBeInTheDocument();
+    expect(screen.queryByText("Meal selections")).not.toBeInTheDocument();
+  });
+
+  it("renders no meal section when no meals are configured", () => {
+    renderStep({
+      isOnlineEvent: false,
+      constraints: { meals_mode: "schedule" },
+    });
+    expect(screen.queryByText("Meal schedule")).not.toBeInTheDocument();
+    expect(screen.queryByText("Meal selections")).not.toBeInTheDocument();
+  });
+});