From a113a7ae2ad0314f132bf1a3e4e06d956e02ec2b Mon Sep 17 00:00:00 2001
From: christinaroise <christina@roise.no>
Date: Tue, 3 Sep 2024 14:14:46 +0200
Subject: [PATCH] cleanup compensation and add compensationDetails

---
 studio/schemas/documents/compensations.ts  | 33 ++++++++++++++--------
 studio/schemas/objects/compensationData.ts | 32 +++++++++++++++++++++
 2 files changed, 54 insertions(+), 11 deletions(-)
 create mode 100644 studio/schemas/objects/compensationData.ts

diff --git a/studio/schemas/documents/compensations.ts b/studio/schemas/documents/compensations.ts
index 44d57f3c5..70f9934ab 100644
--- a/studio/schemas/documents/compensations.ts
+++ b/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,17 +16,21 @@ 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",
@@ -33,6 +38,12 @@ const compensations = defineType({
       type: "array",
       of: [{ type: benefitId }],
     }),
+    {
+      ...seo,
+      options: {
+        collapsed: true,
+      },
+    },
   ],
   preview: {
     select: {
@@ -44,7 +55,7 @@ const compensations = defineType({
       */
       ...[...Array(LOCATIONS_PREVIEW_CUTOFF + 1).keys()].reduce(
         (o, i) => ({ ...o, [`location${i}`]: `locations.${i}.basicTitle` }),
-        {},
+        {}
       ),
     },
     prepare({ title, ...locationsMap }) {
@@ -52,7 +63,7 @@ const compensations = defineType({
         title,
         subtitle: previewStringFromLocationsMap(
           locationsMap,
-          LOCATIONS_PREVIEW_CUTOFF,
+          LOCATIONS_PREVIEW_CUTOFF
         ),
       };
     },
@@ -70,10 +81,10 @@ function previewStringFromLocationsMap(
   locationsMap: {
     [key: string]: string;
   },
-  cutoff: number,
+  cutoff: number
 ): string | undefined {
   const locations = Object.values<string>(locationsMap).filter(
-    (o) => o !== undefined,
+    (o) => o !== undefined
   );
   if (locations.length === 0) {
     return undefined;
diff --git a/studio/schemas/objects/compensationData.ts b/studio/schemas/objects/compensationData.ts
new file mode 100644
index 000000000..c662ba436
--- /dev/null
+++ b/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,
+      };
+    },
+  },
+});