cleanup compensation and add the start of bonus

studio/schemas/documents/compensations.ts

@@ -4,6 +4,7 @@ import seo from "../objects/seo";
 import locations from "../objects/locations";
 import { title } from "../fields/text";
 import { benefitId } from "./benefit";
+import { compensationDetails } from "../objects/compensationData";
 
 // maximum number of locations to display in the preview without truncating
 const LOCATIONS_PREVIEW_CUTOFF = 3;
@@ -15,24 +16,19 @@ const compensations = defineType({
   type: "document",
   title: "Compensations",
   fields: [
-    locations,
     title,
     titleSlug,
-    seo,
-    defineField({
-      name: "showSalaryCalculator",
-      title: "Show Salary Calculator",
-      description: "Should the salary calculator be visible on the page?",
-      type: "boolean",
-      initialValue: true,
-    }),
+    locations,
+    compensationDetails,
     defineField({
       name: "benefits",
-      title: "Benefits",
-      description: "Manage benefits for the compensations page",
+      title: "Included Benefits",
+      description:
+        "Add and manage information on the benefits included with the compensation package, such as health insurance, retirement plans, and paid time off.",
       type: "array",
       of: [{ type: benefitId }],
     }),
+    seo,
   ],
   preview: {
     select: {

studio/schemas/objects/compensationData.ts

@@ -0,0 +1,41 @@
+import { defineField } from "sanity";
+
+export const compensationDetailsID = "compensationDetails";
+
+export const compensationDetails = defineField({
+  name: compensationDetailsID,
+  title: "Compensation Details",
+  description:
+    "Add and manage detailed information on compensation elements like estimated salary, bonuses, pensions, and other financial benefits.",
+  type: "object",
+  options: {
+    collapsible: true,
+    collapsed: false,
+  },
+  fields: [
+    {
+      name: "showEstimatedSalary",
+      title: "Show Estimated Salary",
+      type: "boolean",
+      description:
+        "Toggle this option to show or hide the estimated salary for the locations you've selected. Disable this if the feature isn't ready or if you prefer not to display salary details at this time.",
+      initialValue: false,
+    },
+    {
+      name: "replaceMe",
+      title: "Replace me",
+      type: "string",
+      readOnly: ({ parent }) => !parent?.showEstimatedSalary,
+    },
+  ],
+  preview: {
+    select: {
+      title: "basicTitle",
+    },
+    prepare(selection) {
+      return {
+        title: selection.title,
+      };
+    },
+  },
+});