UX fixes

Author: IAmThe2ndHuman

functions/auth/oauth_callback.py

@@ -142,7 +142,7 @@ def _get_registration(uid: str, username: str) -> User:
             reg_headers, USERNAME_COL_R.value
         )
 
-        cell = reg_sheet.find(username, in_column=username_col_idx)
+        cell = reg_sheet.find(username, in_column=username_col_idx, case_sensitive=False)
 
         # participant not registered
         if not cell:

src/atoms/event/resources.ts

@@ -85,7 +85,7 @@ export const addResourceAtom = atom(
 	async (get, _, resource: Resource) => {
 		const resources = get(resourcesAtom);
 
-		const updatedResources = [resource, ...resources];
+		const updatedResources = [...resources, resource];
 
 		await firestoreService.updateEventConfig({ resources: updatedResources });
 	},

src/pages/Home/Nav/NavSection.tsx

@@ -4,6 +4,7 @@ import {
 	DialogHeader,
 	DialogTitle,
 } from "@/components/ui/dialog";
+import { ScrollArea } from "@/components/ui/scroll-area";
 import type { Resource } from "@/types/event";
 import { useState } from "react";
 import ReactMarkdown from "react-markdown";
@@ -63,13 +64,27 @@ export default function NavSection({
 					<DialogHeader>
 						<DialogTitle>{selectedResource?.label}</DialogTitle>
 					</DialogHeader>
-					<div className="prose prose-slate dark:prose-invert max-w-none">
+					<ScrollArea className="prose prose-slate dark:prose-invert max-w-none max-h-[85vh] w-full">
 						{selectedResource?.type === "text" ? (
-							<ReactMarkdown remarkPlugins={[remarkGfm]}>
+							<ReactMarkdown
+								remarkPlugins={[remarkGfm]}
+								components={{
+									a: ({ children, href }) => (
+										<a
+											href={href}
+											target="_blank"
+											rel="noopener noreferrer"
+											onClick={(event) => event.stopPropagation()}
+										>
+											{children}
+										</a>
+									),
+								}}
+							>
 								{selectedResource.content}
 							</ReactMarkdown>
 						) : null}
-					</div>
+					</ScrollArea>
 				</DialogContent>
 			</Dialog>
 		</div>