From 700fd18f11f931c9329933990a6231afdf626805 Mon Sep 17 00:00:00 2001
From: gsovereignty <gsovereignty@proton.me>
Date: Thu, 19 Sep 2024 21:25:09 +0800
Subject: [PATCH] problem: can't view problem event

---
 src/components/ProblemPreviewCard.svelte | 12 ++++++++++--
 src/lib/event_helpers/problems.ts        |  2 +-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/ProblemPreviewCard.svelte b/src/components/ProblemPreviewCard.svelte
index 75460e3..b09495f 100644
--- a/src/components/ProblemPreviewCard.svelte
+++ b/src/components/ProblemPreviewCard.svelte
@@ -5,10 +5,12 @@
 	import { Avatar, Name } from '@nostr-dev-kit/ndk-svelte-components';
 	import ProfileCard from './ProfileCard.svelte';
 	import type { Problem } from '@/event_helpers/problems';
+	import { devmode } from '@/stores/session';
+	import { Button } from '@/components/ui/button';
 	export let problem: Problem;
 </script>
 
-<Card.Root class="overflow-hidden rounded-lg bg-white shadow-md">
+<Card.Root class="overflow-hidden rounded-lg bg-white shadow-md dark:bg-slate-800">
 	<Card.Content class="p-6">
 		<div class="mb-2 text-lg font-semibold">{problem.tldr}</div>
 		<HoverCard.Root>
@@ -33,6 +35,12 @@
 			</HoverCard.Content>
 		</HoverCard.Root>
 
-		<div class="text-gray-700">{problem.para}</div>
+		<div class="text-gray-700 dark:text-white">{problem.para}</div>
 	</Card.Content>
+	{#if $devmode}
+		<Card.Footer
+			><Button on:click={() => console.log(problem.event.rawEvent())}>Print to console</Button
+			></Card.Footer
+		>
+	{/if}
 </Card.Root>
diff --git a/src/lib/event_helpers/problems.ts b/src/lib/event_helpers/problems.ts
index fc5f350..002c0a1 100644
--- a/src/lib/event_helpers/problems.ts
+++ b/src/lib/event_helpers/problems.ts
@@ -1,7 +1,7 @@
 import { NDKEvent } from '@nostr-dev-kit/ndk';
 
 export class Problem {
-	private readonly event: NDKEvent;
+	public readonly event: NDKEvent;
 
 	constructor(
 		event: NDKEvent,