Another checkpoint: getting OHBlock in shapes

src/components/OHBlock.svelte

@@ -3,7 +3,8 @@
 </script>
 
 <div class="card w-full bg-ecsess-200 text-ecsess-black max-w-md p-4 m-4 text-center rounded-xl">
-  <p>{member}</p>
+  <p>{member.name}</p>
+  <p>{member.position}</p>
   <hr>
   <p>{startTime} - {endTime}</p>
 </div>

src/components/OHSchedule.svelte

@@ -29,7 +29,7 @@
 		<div>
 			{DOTW}
 			{#each sortedOHs.filter((OH) => OH.day == DOTW) as OH}
-				<OhBlock member={OH.host.name} startTime={OH.startTime} endTime={OH.endTime}></OhBlock>
+				<OhBlock member={OH.member} startTime={OH.startTime} endTime={OH.endTime}></OhBlock>
 			{/each}
 		</div>
 	{/each}

src/routes/+page.server.ts

@@ -11,7 +11,7 @@ const ohQuery = `*[_type=="officeHours"]{
   day,
   startTime,
   endTime,
-  "host": {
+  "member": {
     "name": member->name,
     "position": member->position
   }

src/routes/council/+page.svelte

@@ -34,7 +34,7 @@
 		selectedMember = member;
 	}
 
-	console.log(ureps)
+	console.log(ureps);
 
 	// svelte-ignore state_referenced_locally
 	// console.log(selectedMember);