- {/* Row 1 */}
-
-
-
- {[item.degree, item.grade].filter(Boolean).join(" • ")}
-
-
-
- {/* Row 2 */}
-
-
{item.area}
-
- {[item.location, item.period].filter(Boolean).join(" • ")}
-
+
+ {headerFields.map((field, index) => (
+
+ {field.content}
+
+ ))}
diff --git a/src/components/resume/shared/items/experience-item.tsx b/src/components/resume/shared/items/experience-item.tsx
index ad84b6eb9..d89006dbc 100644
--- a/src/components/resume/shared/items/experience-item.tsx
+++ b/src/components/resume/shared/items/experience-item.tsx
@@ -1,6 +1,7 @@
import type { SectionItem } from "@/schema/resume/data";
import { TiptapContent } from "@/components/input/rich-input";
+import { filterFieldValues } from "@/utils/field";
import { stripHtml } from "@/utils/string";
import { cn } from "@/utils/style";
@@ -13,36 +14,50 @@ type ExperienceItemProps = SectionItem<"experience"> & {
export function ExperienceItem({ className, ...item }: ExperienceItemProps) {
const hasRoles = Array.isArray(item.roles) && item.roles.length > 0;
+ const headerValues = {
+ company: item.company,
+ location: item.location,
+ position: item.position,
+ period: item.period,
+ };
+ const headerFields = filterFieldValues(
+ headerValues,
+ {
+ key: "company",
+ content: (
+
+ ),
+ },
+ {
+ key: "location",
+ content:
{item.location},
+ },
+ {
+ key: "position",
+ content:
{item.position},
+ },
+ {
+ key: "period",
+ content:
{item.period},
+ },
+ );
return (
{/* Header */}
- {/* Row 1: Company + Location */}
-
-
-
{item.location}
+
+ {headerFields.map((field, index) => (
+
+ {field.content}
+
+ ))}
-
- {/* Row 2: Position + Period */}
- {(!hasRoles || item.position) && (
-
- {item.position}
- {item.period}
-
- )}
-
- {/* Overall period when hasRoles and no summary position */}
- {hasRoles && !item.position && item.period && (
-
- {item.period}
-
- )}
{/* Role Progression */}
@@ -52,7 +67,7 @@ export function ExperienceItem({ className, ...item }: ExperienceItemProps) {
{role.position}
-
+
{role.period}
diff --git a/src/components/resume/shared/items/publications-item.tsx b/src/components/resume/shared/items/publications-item.tsx
index e05580057..a8bdbc739 100644
--- a/src/components/resume/shared/items/publications-item.tsx
+++ b/src/components/resume/shared/items/publications-item.tsx
@@ -1,6 +1,7 @@
import type { SectionItem } from "@/schema/resume/data";
import { TiptapContent } from "@/components/input/rich-input";
+import { filterFieldValues } from "@/utils/field";
import { stripHtml } from "@/utils/string";
import { cn } from "@/utils/style";
@@ -12,24 +13,44 @@ type PublicationsItemProps = SectionItem<"publications"> & {
};
export function PublicationsItem({ className, ...item }: PublicationsItemProps) {
+ const headerValues = {
+ title: item.title,
+ date: item.date,
+ publisher: item.publisher,
+ };
+ const headerFields = filterFieldValues(
+ headerValues,
+ {
+ key: "title",
+ content: (
+
+ ),
+ },
+ {
+ key: "date",
+ content:
{item.date},
+ },
+ {
+ key: "publisher",
+ content:
{item.publisher},
+ },
+ );
+
return (
{/* Header */}
- {/* Row 1 */}
-
-
- {item.date}
-
-
- {/* Row 2 */}
-
-
{item.publisher}
+
+ {headerFields.map((field, index) => (
+
+ {field.content}
+
+ ))}
diff --git a/src/components/resume/shared/items/references-item.tsx b/src/components/resume/shared/items/references-item.tsx
index fa2881e88..a4fc4eb48 100644
--- a/src/components/resume/shared/items/references-item.tsx
+++ b/src/components/resume/shared/items/references-item.tsx
@@ -1,6 +1,7 @@
import type { SectionItem } from "@/schema/resume/data";
import { TiptapContent } from "@/components/input/rich-input";
+import { filterFieldValues } from "@/utils/field";
import { stripHtml } from "@/utils/string";
import { cn } from "@/utils/style";
@@ -12,23 +13,39 @@ type ReferencesItemProps = SectionItem<"references"> & {
};
export function ReferencesItem({ className, ...item }: ReferencesItemProps) {
+ const headerValues = {
+ name: item.name,
+ position: item.position,
+ };
+ const headerFields = filterFieldValues(
+ headerValues,
+ {
+ key: "name",
+ content: (
+
+ ),
+ },
+ {
+ key: "position",
+ content:
{item.position},
+ },
+ );
+
return (
{/* Header */}
- {/* Row 1 */}
-
-
-
-
- {/* Row 2 */}
-
-
{item.position}
+
+ {headerFields.map((field, index) => (
+
+ {field.content}
+
+ ))}
diff --git a/src/components/resume/shared/items/volunteer-item.tsx b/src/components/resume/shared/items/volunteer-item.tsx
index deee8db46..cf315bc53 100644
--- a/src/components/resume/shared/items/volunteer-item.tsx
+++ b/src/components/resume/shared/items/volunteer-item.tsx
@@ -1,6 +1,7 @@
import type { SectionItem } from "@/schema/resume/data";
import { TiptapContent } from "@/components/input/rich-input";
+import { filterFieldValues } from "@/utils/field";
import { stripHtml } from "@/utils/string";
import { cn } from "@/utils/style";
@@ -12,24 +13,44 @@ type VolunteerItemProps = SectionItem<"volunteer"> & {
};
export function VolunteerItem({ className, ...item }: VolunteerItemProps) {
+ const headerValues = {
+ organization: item.organization,
+ period: item.period,
+ location: item.location,
+ };
+ const headerFields = filterFieldValues(
+ headerValues,
+ {
+ key: "organization",
+ content: (
+
+ ),
+ },
+ {
+ key: "period",
+ content:
{item.period},
+ },
+ {
+ key: "location",
+ content:
{item.location},
+ },
+ );
+
return (
{/* Header */}
- {/* Row 1 */}
-
-
- {item.period}
-
-
- {/* Row 2 */}
-
-
{item.location}
+
+ {headerFields.map((field, index) => (
+
+ {field.content}
+
+ ))}
diff --git a/src/dialogs/resume/sections/education.tsx b/src/dialogs/resume/sections/education.tsx
index 5e4db01b8..462c78bd4 100644
--- a/src/dialogs/resume/sections/education.tsx
+++ b/src/dialogs/resume/sections/education.tsx
@@ -164,11 +164,11 @@ function EducationForm() {
(
- Degree
+ Area of Study
} />
@@ -178,11 +178,11 @@ function EducationForm() {
(
- Area of Study
+ Degree
} />
diff --git a/src/dialogs/resume/sections/experience.tsx b/src/dialogs/resume/sections/experience.tsx
index c00416bc7..882637fb6 100644
--- a/src/dialogs/resume/sections/experience.tsx
+++ b/src/dialogs/resume/sections/experience.tsx
@@ -262,20 +262,6 @@ function ExperienceForm() {
)}
/>
- (
-
- {hasRoles ? Overall Title (optional) : Position}
- }
- />
-
-
- )}
- />
-
+ (
+
+
+ Position
+
+ } />
+
+
+ )}
+ />
+
(
- {hasRoles ? Overall Period : Period}
- } />
+
+ Period
+
+ } />
)}
diff --git a/src/utils/field.ts b/src/utils/field.ts
new file mode 100644
index 000000000..6bec275da
--- /dev/null
+++ b/src/utils/field.ts
@@ -0,0 +1,23 @@
+type KeyedField = {
+ key: TKey;
+};
+
+type KeyValueMap = Partial>;
+
+/**
+ * Filters keyed field descriptors to only those whose corresponding value in the given
+ * values object is a non-empty string.
+ *
+ * This is useful for rendering or processing only the fields with actual, non-blank content,
+ * e.g., when displaying optional sections in a UI or assembling objects with present values.
+ *
+ * @param values - An object mapping keys to string values (which may be empty, null, or undefined)
+ * @param fields - Field descriptors with { key: TKey }
+ * @returns An array of fields whose corresponding values[key] is a non-empty string
+ */
+export function filterFieldValues>(
+ values: KeyValueMap,
+ ...fields: TField[]
+) {
+ return fields.filter((field) => Boolean(values[field.key]?.trim()));
+}
diff --git a/vite.config.ts b/vite.config.ts
index ec6e87db8..54f5a89d7 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -168,6 +168,8 @@ if (!isVitest) {
const config = defineConfig({
plugins,
+ run: { cache: true },
+
staged: {
"*": "vp check --fix",
},