wip

src/app/root.tsx

@@ -8,7 +8,7 @@ import {
 	getLastLogin,
 } from "@libs/storage";
 import { NDKFilter } from "@nostr-dev-kit/ndk";
-import { LumeIcon } from "@shared/icons";
+import { LoaderIcon, LumeIcon } from "@shared/icons";
 import { RelayContext } from "@shared/relayProvider";
 import { dateToUnix, getHourAgo } from "@utils/date";
 import { useAccount } from "@utils/hooks/useAccount";
@@ -177,27 +177,7 @@ export function Root() {
 						</div>
 					</div>
 					<div className="absolute bottom-16 left-1/2 -translate-x-1/2 transform">
-						<svg
-							className="h-5 w-5 animate-spin text-black dark:text-zinc-100"
-							xmlns="http://www.w3.org/2000/svg"
-							fill="none"
-							viewBox="0 0 24 24"
-						>
-							<title id="loading">Loading</title>
-							<circle
-								className="opacity-25"
-								cx="12"
-								cy="12"
-								r="10"
-								stroke="currentColor"
-								strokeWidth="4"
-							/>
-							<path
-								className="opacity-75"
-								fill="currentColor"
-								d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-							/>
-						</svg>
+						<LoaderIcon className="h-5 w-5 animate-spin text-black dark:text-zinc-100" />
 					</div>
 				</div>
 			</div>