type fix

jgettings · Oct 3, 2024 · dde4968 · dde4968
1 parent 7cf1eab
commit dde4968
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 14 deletions.
diff --git a/src/data/index.ts b/src/data/index.ts
@@ -12,7 +12,7 @@ const AdditionalFields = z.object({
   }),
   education: z.array(
     z.object({
-      name: z.string(),
+      name: z.string().optional(),
     }),
   ),
 });

diff --git a/src/pages/ResumeTimeline/EducationTimelineItem.tsx b/src/pages/ResumeTimeline/EducationTimelineItem.tsx
@@ -23,22 +23,28 @@ const EducationTimelineItem: React.FC<EducationTimelineItemProps> = ({
         <Timeline.Title className="flex flex-col justify-between gap-6 md:flex-row">
           <div>
             {education.studyType}
-            <div className="font-light italic">{education.institution}</div>
+            <div className="font-light italic">
+              <a href={education.url}>{education.institution}</a>
+            </div>
           </div>
           <div className="flex-none">
             <a href={education.url}>
-              <img
-                alt={`${education.name} logo`}
-                src={`/images/school-icons/${education.name.toLowerCase()}-dark.svg`}
-                width={logoWidth}
-                className="hidden dark:inline"
-              />
-              <img
-                alt={`${education.name} logo`}
-                src={`/images/school-icons/${education.name.toLowerCase()}.svg`}
-                width={logoWidth}
-                className="inline dark:hidden"
-              />
+              {education.name ? (
+                <>
+                  <img
+                    alt={`${education.name} logo`}
+                    src={`/images/school-icons/${education.name.toLowerCase()}-dark.svg`}
+                    width={logoWidth}
+                    className="hidden dark:inline"
+                  />
+                  <img
+                    alt={`${education.name} logo`}
+                    src={`/images/school-icons/${education.name.toLowerCase()}.svg`}
+                    width={logoWidth}
+                    className="inline dark:hidden"
+                  />
+                </>
+              ) : null}
             </a>
           </div>
         </Timeline.Title>