From d9cc3db8182ce4f9bd6b0dce381af6f2cc854070 Mon Sep 17 00:00:00 2001
From: dskvr <dskvr@users.noreply.github.com>
Date: Sat, 13 Apr 2024 05:08:45 +0200
Subject: [PATCH] fix profile in dark mode, add skeleton when operator feed
 hasn't loaded

---
 .../blocks/operator-profile/operator-profile.svelte   | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/blocks/operator-profile/operator-profile.svelte b/src/lib/components/blocks/operator-profile/operator-profile.svelte
index 07c82b3..3ba683d 100644
--- a/src/lib/components/blocks/operator-profile/operator-profile.svelte
+++ b/src/lib/components/blocks/operator-profile/operator-profile.svelte
@@ -15,10 +15,11 @@
     import { MY_RELAY_PAGE } from '$lib/contextKeys';
 
     import type { Writable } from 'svelte/store';
-    import type { MRPRelay } from "$lib/core/relay";
-    import type { MRPUser } from '$lib/core/user';
+    import type { MRPRelay } from "$lib/core/MRPRelay";
+    import { MRPUser } from '$lib/core/MRPUser';
     import type { NDKUserProfile } from '@nostr-dev-kit/ndk';
     import Note from '$lib/components/partials/note.svelte';
+    import Skeleton from '$lib/components/ui/skeleton2/Skeleton.svelte';
 
     export let key: string;
 
@@ -132,9 +133,13 @@
             {/each}
           </div>
           {:else}
-          <div class="note min-h-max bg-white/90 px-5 py-3 pb-10 rounded-lg shadow transition-opacity duration-200 relative max-h-72 overflow-hidden text-3xl h-full mt-9 text-gray-300 italic flex items-center space-x-4 text-center">
+          {#if owner?.feed?.isComplete }
+          <div class="note min-h-max bg-white/90 dark:bg-black/90 px-5 py-3 pb-10 rounded-lg shadow transition-opacity duration-200 relative max-h-72 overflow-hidden text-3xl h-full mt-9 text-gray-300 italic flex items-center space-x-4 text-center">
               seems the operator is quiet, no notes
           </div>
+          {:else}
+            <Skeleton count={7} class="inline-block dark:hidden min-w-full" />
+          {/if}
           {/if}
       </div>
     </div>