Dev

app/components/sections/organizers/organizers.tsx

@@ -5,7 +5,7 @@ import {
 	OurTeamCard,
 	type OurTeamCardProps,
 } from "~/components/shared/card/our-team";
-import { cn, parseOrganizerImage } from "~/lib/utils";
+import { cn, parseOrganizerImage, parseVolunteerImage } from "~/lib/utils";
 
 interface OrganizersSectionProps {
 	organizers: OrganizerPublicType[];
@@ -86,7 +86,7 @@ export const OrganizersSection = ({
 					id: volunteerItem.id,
 					name: getFullName(volunteerItem),
 					email: volunteerItem?.user?.email || undefined,
-					profile_picture: parseOrganizerImage({ id: volunteerItem.id }),
+					profile_picture: parseVolunteerImage({ id: volunteerItem.id }),
 					twitter_username:
 						(volunteerItem?.user?.twitter_username &&
 							`https://twitter.com/${volunteerItem?.user?.twitter_username}`) ||

app/components/sections/schedules/schedules.tsx

@@ -56,7 +56,9 @@ export const SchedulesSection = ({
 	).sort((a, b) => new Date(a).getTime() - new Date(b).getTime());
 
 	const [open, setOpen] = useState(false);
-	const [selectedDate, setSelectedDate] = useState(sortedDates[0]);
+	const [selectedDate, setSelectedDate] = useState(
+		sortedDates[sortedDates.length - 1],
+	);
 	const [openDropdown, setOpenDropdown] = useState(false);
 	const [selectedScheduleId, setSelectedScheduleId] = useState<
 		ScheduleItemType["id"] | null
@@ -76,7 +78,7 @@ export const SchedulesSection = ({
 
 	useEffect(() => {
 		if (sortedDates.length > 0 && !selectedDate) {
-			setSelectedDate(sortedDates[0]);
+			setSelectedDate(sortedDates[sortedDates.length - 1]);
 		}
 	}, [sortedDates, selectedDate]);
 

app/lib/utils.ts

@@ -31,6 +31,12 @@ export const parseOrganizerImage = ({ id }: { id: string }) => {
 	return `${url}/organizer/${id}/profile-picture`;
 };
 
+export const parseVolunteerImage = ({ id }: { id: string }) => {
+	if (!id) return "";
+	const url = import.meta.env.VITE_BASE_API;
+	return `${url}/volunteer/${id}/profile-picture/`;
+};
+
 export const onAvatarError = (
 	evt: React.SyntheticEvent<HTMLImageElement, Event>,
 ) => {