+
{user?.name || user?.display_name || user?.displayName}
-
+
{user?.nip05 || user?.username || displayNpub(pubkey, 16)}
diff --git a/src/shared/widgets/emptyList.tsx b/src/shared/widgets/emptyList.tsx
deleted file mode 100644
index f9e8dfc8..00000000
--- a/src/shared/widgets/emptyList.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import { useQueryClient } from '@tanstack/react-query';
-import { useEffect, useState } from 'react';
-
-import { useStorage } from '@libs/storage/provider';
-
-import { useNostr } from '@utils/hooks/useNostr';
-import { useStronghold } from '@stores/stronghold';
-
-export function EmptyList() {
- const { db } = useStorage();
- const { getAllEventsSinceLastLogin } = useNostr();
-
- const setIsFetched = useStronghold((state) => state.setIsFetched);
- const queryClient = useQueryClient();
-
- const [progress, setProgress] = useState(0);
-
- useEffect(() => {
- async function getEvents() {
- const events = await getAllEventsSinceLastLogin();
- const promises = await Promise.all(
- events.data.map(async (event) => await db.createEvent(event))
- );
-
- if (promises) {
- setProgress(100);
- setIsFetched();
- // invalidate queries
- queryClient.invalidateQueries(['local-network-widget']);
- }
- }
-
- // only start download if progress === 0
- if (progress === 0) getEvents();
-
- // auto increase progress after 2 secs
- setInterval(() => setProgress((prev) => (prev += 8)), 2000);
- }, []);
-
- return (
-
-
-
-
-
👋
-
- Hello, this is the first time you're using Lume
-
-
- Lume is downloading all events since the last 24 hours. It will auto refresh
- when it done, please be patient
-
-
-
-
-
-
- );
-}
diff --git a/src/shared/widgets/loadLatestEvents.tsx b/src/shared/widgets/eventLoader.tsx
similarity index 65%
rename from src/shared/widgets/loadLatestEvents.tsx
rename to src/shared/widgets/eventLoader.tsx
index d98e9f73..d2bfcb44 100644
--- a/src/shared/widgets/loadLatestEvents.tsx
+++ b/src/shared/widgets/eventLoader.tsx
@@ -7,7 +7,7 @@ import { useStronghold } from '@stores/stronghold';
import { useNostr } from '@utils/hooks/useNostr';
-export function LoadLatestEvents() {
+export function EventLoader({ firstTime }: { firstTime: boolean }) {
const { db } = useStorage();
const { getAllEventsSinceLastLogin } = useNostr();
@@ -35,18 +35,31 @@ export function LoadLatestEvents() {
if (progress === 0) getEvents();
// auto increase progress after 2 secs
- setInterval(() => setProgress((prev) => (prev += 8)), 2000);
+ setInterval(() => setProgress((prev) => (prev += 5)), 2000);
}, []);
return (
-
-
- Downloading all events from your last login...
-
-
+ {firstTime ? (
+
+
👋
+
+ Hello, this is the first time you're using Lume
+
+
+ Lume is downloading all events since the last 24 hours. It will auto
+ refresh when it done, please be patient
+
+
+ ) : (
+
+
+ Downloading all events from your last login...
+
+
+ )}
) : dbEvents.length === 0 ? (
-
+
) : (
- {!isFetched ? : null}
+ {!isFetched ? : null}
{dbEvents.map((item) => renderItem(item))}
{dbEvents.length > 0 ? (