mirror of
https://github.com/lumina-rocks/lumina.git
synced 2026-06-05 02:01:47 +02:00
e60fd442c9
Fixes #67 Add a dedicated page to show the currently active relays with their status. * **New Relays Page**: Create `app/relays/page.tsx` to display the currently active relays and their status. Fetch relay status from the relay URLs defined in `app/layout.tsx` and display them in a user-friendly format. * **BottomBar Component**: Update `components/BottomBar.tsx` to include a new link to the relays page in the navigation bar. Ensure the new link is styled consistently with the existing links and update the `isActive` function to include the new relays page. * **Layout File**: Modify `app/layout.tsx` to export the `relayUrls` array for use in the new relays page. Update the `relayUrls` array to use the stored relay URLs if available and pass the relay URLs as props to the `NostrProvider` component. Fetch the relay URLs and update the `relayUrls` array dynamically on login. * **Login Page**: Modify `app/login/page.tsx` to store the relay URLs in local storage when the user logs in. Pass the relay URLs as props to the `NostrProvider` component in `app/layout.tsx`. --- For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/lumina-rocks/lumina/issues/67?shareId=XXXX-XXXX-XXXX-XXXX).
65 lines
1.9 KiB
TypeScript
65 lines
1.9 KiB
TypeScript
'use client';
|
|
|
|
import { Metadata } from "next";
|
|
import "./globals.css";
|
|
import { NostrProvider } from "nostr-react";
|
|
import { ThemeProvider } from "@/components/theme-provider";
|
|
import { TopNavigation } from "@/components/headerComponents/TopNavigation";
|
|
import BottomBar from "@/components/BottomBar";
|
|
import { Inter } from "next/font/google";
|
|
import { Toaster } from "@/components/ui/toaster"
|
|
import Script from "next/script";
|
|
import Umami from "@/components/Umami";
|
|
import { useEffect, useState } from "react";
|
|
|
|
const inter = Inter({ subsets: ["latin"] });
|
|
|
|
export const relayUrls = [
|
|
"wss://relay.nostr.band",
|
|
"wss://relay.damus.io",
|
|
];
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
const [dynamicRelayUrls, setDynamicRelayUrls] = useState(relayUrls);
|
|
|
|
useEffect(() => {
|
|
const storedRelayUrls = localStorage.getItem('relayUrls');
|
|
if (storedRelayUrls) {
|
|
setDynamicRelayUrls(JSON.parse(storedRelayUrls));
|
|
}
|
|
}, []);
|
|
|
|
return (
|
|
<html lang="en">
|
|
<head>
|
|
<link rel="icon" href="/icon?<generated>" type="image/png" sizes="32x32" />
|
|
<link rel="manifest" href="/manifest.json" />
|
|
<title>LUMINA</title>
|
|
<meta name="description" content="An effortless, enjoyable, and innovative way to capture, enhance, and share moments with everyone, decentralized and boundless." />
|
|
</head>
|
|
<body className={inter.className}>
|
|
<ThemeProvider
|
|
attribute="class"
|
|
defaultTheme="dark"
|
|
enableSystem
|
|
disableTransitionOnChange
|
|
>
|
|
<TopNavigation />
|
|
<Toaster />
|
|
<Umami />
|
|
<div className="main-content pb-14">
|
|
<NostrProvider relayUrls={dynamicRelayUrls} debug={false}>
|
|
{children}
|
|
</NostrProvider>
|
|
</div>
|
|
<BottomBar />
|
|
</ThemeProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|