From dff2679543df33e1fa5087f202cf7faf137cc3ba Mon Sep 17 00:00:00 2001
From: chark1es <charles15851@gmail.com>
Date: Thu, 10 Apr 2025 19:31:45 -0700
Subject: [PATCH 1/2] fix resumes not showing

---
 .../dashboard/ResumeDatabase/ResumeDetail.tsx   | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/dashboard/ResumeDatabase/ResumeDetail.tsx b/src/components/dashboard/ResumeDatabase/ResumeDetail.tsx
index 56ee78d..c324c02 100644
--- a/src/components/dashboard/ResumeDatabase/ResumeDetail.tsx
+++ b/src/components/dashboard/ResumeDatabase/ResumeDetail.tsx
@@ -14,6 +14,11 @@ interface ResumeUser {
     avatar?: string;
 }
 
+function getResumeUrl(user: ResumeUser): string | undefined {
+    if (!user.resume) return undefined;
+    return `https://pocketbase.ieeeucsd.org/api/files/users/${user.id}/${user.resume}`;
+}
+
 export default function ResumeDetail() {
     const [user, setUser] = useState<ResumeUser | null>(null);
     const [loading, setLoading] = useState(false);
@@ -140,7 +145,7 @@ export default function ResumeDetail() {
                 <div className="bg-base-200 px-4 py-2 border-b border-base-300 flex justify-between items-center">
                     <h3 className="font-medium">Resume</h3>
                     <a
-                        href={user.resume}
+                        href={getResumeUrl(user)}
                         target="_blank"
                         rel="noopener noreferrer"
                         className="btn btn-sm btn-primary"
@@ -152,7 +157,15 @@ export default function ResumeDetail() {
                     {user.resume && user.resume.toLowerCase().endsWith('.pdf') ? (
                         <div className="aspect-[8.5/11] w-full">
                             <iframe
-                                src={`${user.resume}#toolbar=0&navpanes=0`}
+                                src={`${getResumeUrl(user)}#toolbar=0&navpanes=0`}
+                                className="w-full h-full border-0"
+                                title={`${user.name}'s Resume`}
+                            />
+                        </div>
+                    ) : user.resume && user.resume.toLowerCase().endsWith('.docx') ? (
+                        <div className="aspect-[8.5/11] w-full">
+                            <iframe
+                                src={`https://view.officeapps.live.com/op/embed.aspx?src=${encodeURIComponent(getResumeUrl(user) ?? '')}`}
                                 className="w-full h-full border-0"
                                 title={`${user.name}'s Resume`}
                             />

From f2bbd65db527445255ed616ed86f87693666f1a1 Mon Sep 17 00:00:00 2001
From: chark1es <charles15851@gmail.com>
Date: Fri, 11 Apr 2025 17:37:32 -0700
Subject: [PATCH 2/2] update types

---
 .../EventTypeDistribution.tsx                 | 46 ++++++-------------
 1 file changed, 13 insertions(+), 33 deletions(-)

diff --git a/src/components/dashboard/SponsorAnalyticsSection/EventTypeDistribution.tsx b/src/components/dashboard/SponsorAnalyticsSection/EventTypeDistribution.tsx
index 51f6fcc..0f25e38 100644
--- a/src/components/dashboard/SponsorAnalyticsSection/EventTypeDistribution.tsx
+++ b/src/components/dashboard/SponsorAnalyticsSection/EventTypeDistribution.tsx
@@ -26,12 +26,12 @@ ChartJS.register(
 
 // Define event types and their colors
 const EVENT_TYPES = [
-    { name: 'Technical Workshop', color: 'rgba(54, 162, 235, 0.8)' },
-    { name: 'Social', color: 'rgba(255, 99, 132, 0.8)' },
-    { name: 'Professional Development', color: 'rgba(75, 192, 192, 0.8)' },
-    { name: 'Project Meeting', color: 'rgba(255, 206, 86, 0.8)' },
-    { name: 'Industry Talk', color: 'rgba(153, 102, 255, 0.8)' },
-    { name: 'Other', color: 'rgba(255, 159, 64, 0.8)' },
+    { name: 'Social', key: 'social', color: 'rgba(255, 99, 132, 0.8)' },
+    { name: 'Technical', key: 'technical', color: 'rgba(54, 162, 235, 0.8)' },
+    { name: 'Outreach', key: 'outreach', color: 'rgba(255, 206, 86, 0.8)' },
+    { name: 'Professional', key: 'professional', color: 'rgba(75, 192, 192, 0.8)' },
+    { name: 'Projects', key: 'projects', color: 'rgba(153, 102, 255, 0.8)' },
+    { name: 'Other', key: 'other', color: 'rgba(255, 159, 64, 0.8)' },
 ];
 
 export default function EventTypeDistribution() {
@@ -118,29 +118,12 @@ export default function EventTypeDistribution() {
             return acc;
         }, {} as Record<string, number>);
 
+        // Count events by event_type field from schema
         events.forEach(event => {
-            const eventName = event.event_name.toLowerCase();
-            const eventDesc = event.event_description.toLowerCase();
-
-            // Simple classification logic - in a real app, you'd have actual event types
-            if (eventName.includes('workshop') || eventDesc.includes('workshop')) {
-                eventTypeCount['Technical Workshop']++;
-            } else if (eventName.includes('social') || eventDesc.includes('social') ||
-                eventName.includes('mixer') || eventDesc.includes('mixer')) {
-                eventTypeCount['Social']++;
-            } else if (eventName.includes('professional') || eventDesc.includes('professional') ||
-                eventName.includes('resume') || eventDesc.includes('resume') ||
-                eventName.includes('career') || eventDesc.includes('career')) {
-                eventTypeCount['Professional Development']++;
-            } else if (eventName.includes('project') || eventDesc.includes('project') ||
-                eventName.includes('meeting') || eventDesc.includes('meeting')) {
-                eventTypeCount['Project Meeting']++;
-            } else if (eventName.includes('industry') || eventDesc.includes('industry') ||
-                eventName.includes('talk') || eventDesc.includes('talk') ||
-                eventName.includes('speaker') || eventDesc.includes('speaker')) {
-                eventTypeCount['Industry Talk']++;
-            } else {
-                eventTypeCount['Other']++;
+            const type = event.event_type && EVENT_TYPES.find(t => t.key === event.event_type) ? event.event_type : 'other';
+            const typeObj = EVENT_TYPES.find(t => t.key === type);
+            if (typeObj) {
+                eventTypeCount[typeObj.name]++;
             }
         });
 
@@ -180,11 +163,8 @@ export default function EventTypeDistribution() {
             tooltip: {
                 callbacks: {
                     label: function (context: any) {
-                        const label = context.label || '';
-                        const value = context.raw || 0;
-                        const total = context.dataset.data.reduce((a: number, b: number) => a + b, 0);
-                        const percentage = Math.round((value / total) * 100);
-                        return `${label}: ${value} (${percentage}%)`;
+                        // Only show the label, not the value
+                        return context.label || '';
                     }
                 }
             }