v3 - per location compensations

studio/schemas/documents/compensations.ts

@@ -1,16 +1,28 @@
 import { defineField, defineType } from "sanity";
 import { titleSlug } from "../schemaTypes/slug";
 import seo from "../objects/seo";
+import locations from "../objects/locations";
 import { title } from "../fields/text";
 import { benefitId } from "./benefit";
 
+/*
+ maximum number of locations without preview string shortening
+ (should be at least 2)
+ given array: ["Trondheim", "Oslo", "Bergen", "Molde"]
+ 2 => Trondheim, and more
+ 3 => Trondheim, Oslo, and more
+ 4 => Trondheim, Oslo, Bergen, and Molde
+*/
+const LOCATIONS_PREVIEW_CUTOFF = 3;
+
 export const compensationsId = "compensations";
 
 const compensations = defineType({
   name: compensationsId,
   type: "document",
   title: "Compensations",
   fields: [
+    locations,
     title,
     titleSlug,
     seo,
@@ -29,6 +41,48 @@ const compensations = defineType({
       of: [{ type: benefitId }],
     }),
   ],
+  preview: {
+    select: {
+      title: "basicTitle",
+      /*
+       Array object values are accessed with dot notation and array index: "locations.0.basicTitle"
+       This limits the preview to only select a subset of the array
+       https://www.sanity.io/docs/previews-list-views#62febb15a63a
+      */
+      ...[...Array(LOCATIONS_PREVIEW_CUTOFF + 1).keys()].reduce(
+        (o, i) => ({ ...o, [`location${i}`]: `locations.${i}.basicTitle` }),
+        {},
+      ),
+    },
+    prepare({ title, ...locationsMap }) {
+      return {
+        title,
+        subtitle: previewStringFromLocationsMap(
+          locationsMap,
+          LOCATIONS_PREVIEW_CUTOFF,
+        ),
+      };
+    },
+  },
 });
 
+function previewStringFromLocationsMap(
+  locationsMap: {
+    [key: string]: string;
+  },
+  cutoff: number,
+): string | undefined {
+  const locations = Object.values<string>(locationsMap).filter(
+    (o) => o !== undefined,
+  );
+  if (locations.length === 0) {
+    return undefined;
+  } else if (locations.length === 1) {
+    return `Location: ${locations[0]}`;
+  } else if (locations.length > cutoff) {
+    return `Locations: ${locations.toSpliced(cutoff - 1).join(", ")}, and more`;
+  }
+  return `Locations: ${locations.toSpliced(-1).join(", ")} and ${locations.at(-1)}`;
+}
+
 export default compensations;

studio/schemas/objects/locations.ts

@@ -0,0 +1,22 @@
+import { defineField } from "sanity";
+import { locationId } from "../documents/location";
+
+const locations = defineField({
+  name: "locations",
+  type: "array",
+  title: "Relevant Locations",
+  description:
+    "You can tailor this content to specific office locations by selecting them here. If the content applies to all locations, just leave this field empty.",
+  of: [
+    {
+      title: "Select a location",
+      type: "reference",
+      to: [{ type: locationId }],
+      options: {
+        disableNew: true,
+      },
+    },
+  ],
+});
+
+export default locations;