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,29 @@ const compensations = defineType({
   type: "document",
   title: "Compensations",
   fields: [
-    locations,
     title,
     titleSlug,
-    seo,
+    locations,
     defineField({
-      name: "showSalaryCalculator",
-      title: "Show Salary Calculator",
-      description: "Should the salary calculator be visible on the page?",
-      type: "boolean",
-      initialValue: true,
+      ...compensationDetails,
+      readOnly: ({ parent }) => !parent?.showEstimatedSalary,
     }),
+    {
+      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,
+    },
     defineField({
       name: "benefits",
       title: "Benefits",
       description: "Manage benefits for the compensations page",
       type: "array",
       of: [{ type: benefitId }],
     }),
+    seo,
   ],
   preview: {
     select: {

studio/schemas/objects/compensationData.ts

@@ -0,0 +1,32 @@
+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 salary, bonuses, pensions, and other financial benefits.",
+  type: "object",
+  options: {
+    collapsible: true,
+    collapsed: true,
+  },
+  fields: [
+    {
+      name: "replaceMe",
+      title: "Replace me",
+      type: "string",
+    },
+  ],
+  preview: {
+    select: {
+      title: "basicTitle",
+    },
+    prepare(selection) {
+      return {
+        title: selection.title,
+      };
+    },
+  },
+});