small fixed

src/app/explore/index.tsx

@@ -2,7 +2,6 @@ import { useCallback, useMemo, useRef } from 'react';
 import ReactFlow, {
   Background,
   ConnectionMode,
-  ReactFlowProvider,
   addEdge,
   useEdgesState,
   useNodesState,
@@ -92,28 +91,26 @@ export function ExploreScreen() {
   );
 
   return (
-    <ReactFlowProvider>
-      <div className="h-full w-full" ref={reactFlowWrapper}>
-        <ReactFlow
-          proOptions={{ hideAttribution: true }}
-          nodes={nodes}
-          edges={edges}
-          nodeTypes={nodeTypes}
-          edgeTypes={edgeTypes}
-          connectionLineComponent={Line}
-          onNodesChange={onNodesChange}
-          onEdgesChange={onEdgesChange}
-          onConnect={onConnect}
-          onConnectStart={onConnectStart}
-          onConnectEnd={onConnectEnd}
-          connectionMode={ConnectionMode.Loose}
-          minZoom={0.8}
-          maxZoom={1.2}
-          fitView
-        >
-          <Background color="#3f3f46" />
-        </ReactFlow>
-      </div>
-    </ReactFlowProvider>
+    <div className="h-full w-full" ref={reactFlowWrapper}>
+      <ReactFlow
+        proOptions={{ hideAttribution: true }}
+        nodes={nodes}
+        edges={edges}
+        nodeTypes={nodeTypes}
+        edgeTypes={edgeTypes}
+        connectionLineComponent={Line}
+        onNodesChange={onNodesChange}
+        onEdgesChange={onEdgesChange}
+        onConnect={onConnect}
+        onConnectStart={onConnectStart}
+        onConnectEnd={onConnectEnd}
+        connectionMode={ConnectionMode.Loose}
+        minZoom={0.8}
+        maxZoom={1.2}
+        fitView
+      >
+        <Background color="#3f3f46" />
+      </ReactFlow>
+    </div>
   );
 }

src/app/relays/components/relayEventList.tsx

@@ -5,6 +5,7 @@ import { VList } from 'virtua';
 
 import { useNDK } from '@libs/ndk/provider';
 
+import { LoaderIcon } from '@shared/icons';
 import {
   ArticleNote,
   FileNote,
@@ -70,7 +71,12 @@ export function RelayEventList({ relayUrl }: { relayUrl: string }) {
     <div className="h-full">
       <div className="mx-auto w-full max-w-[500px]">
         {status === 'loading' ? (
-          <div>Loading...</div>
+          <div className="flex h-full w-full items-center justify-center">
+            <div className="inline-flex flex-col items-center justify-center gap-2">
+              <LoaderIcon className="h-5 w-5 animate-spin text-white" />
+              <p className="text-sm font-medium text-white/80">Loading newsfeed...</p>
+            </div>
+          </div>
         ) : (
           <VList className="scrollbar-hide h-full">
             <div className="h-10" />