From 1b80b84e19c3de5304b434588e4fcef431cb76ee Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sat, 1 Jun 2024 13:34:38 -0500
Subject: [PATCH] Add NostrPanel

---
 src/features/ui/components/nostr-panel.tsx | 27 ++++++++++++++++++++++
 src/features/ui/util/async-components.ts   |  1 +
 src/pages/home-page.tsx                    | 16 +++++++------
 3 files changed, 37 insertions(+), 7 deletions(-)
 create mode 100644 src/features/ui/components/nostr-panel.tsx

diff --git a/src/features/ui/components/nostr-panel.tsx b/src/features/ui/components/nostr-panel.tsx
new file mode 100644
index 000000000..8cdf5115e
--- /dev/null
+++ b/src/features/ui/components/nostr-panel.tsx
@@ -0,0 +1,27 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+
+import CopyableInput from 'soapbox/components/copyable-input';
+import { Text, Widget } from 'soapbox/components/ui';
+import { useInstance } from 'soapbox/hooks/useInstance';
+
+const NostrPanel = () => {
+  const instance = useInstance();
+  const relay = instance.nostr?.relay;
+
+  if (!relay) {
+    return null;
+  }
+
+  return (
+    <Widget title={<FormattedMessage id='nostr_panel.title' defaultMessage='Nostr Relay' />}>
+      <Text>
+        <FormattedMessage id='nostr_panel.message' defaultMessage='Connect with any Nostr client.' />
+      </Text>
+
+      <CopyableInput value={relay} />
+    </Widget>
+  );
+};
+
+export default NostrPanel;
diff --git a/src/features/ui/util/async-components.ts b/src/features/ui/util/async-components.ts
index 7d413bc5b..c32e0768e 100644
--- a/src/features/ui/util/async-components.ts
+++ b/src/features/ui/util/async-components.ts
@@ -176,3 +176,4 @@ export const Relays = lazy(() => import('soapbox/features/admin/relays'));
 export const Rules = lazy(() => import('soapbox/features/admin/rules'));
 export const EditRuleModal = lazy(() => import('soapbox/features/ui/components/modals/edit-rule-modal'));
 export const AdminNostrRelays = lazy(() => import('soapbox/features/admin/nostr-relays'));
+export const NostrPanel = lazy(() => import('soapbox/features/ui/components/nostr-panel'));
\ No newline at end of file
diff --git a/src/pages/home-page.tsx b/src/pages/home-page.tsx
index c13662189..5b690f410 100644
--- a/src/pages/home-page.tsx
+++ b/src/pages/home-page.tsx
@@ -15,6 +15,7 @@ import {
   BirthdayPanel,
   CtaBanner,
   AnnouncementsPanel,
+  NostrPanel,
 } from 'soapbox/features/ui/util/async-components';
 import { useAppSelector, useOwnAccount, useFeatures, useSoapboxConfig, useDraggedFiles, useAppDispatch } from 'soapbox/hooks';
 import { useIsMobile } from 'soapbox/hooks/useIsMobile';
@@ -96,22 +97,23 @@ const HomePage: React.FC<IHomePage> = ({ children }) => {
         {me && features.announcements && (
           <AnnouncementsPanel />
         )}
-        {features.trends && (
-          <TrendsPanel limit={5} />
-        )}
-        {(hasPatron && me) && (
-          <FundingPanel />
-        )}
         {(hasCrypto && cryptoLimit > 0 && me) && (
           <CryptoDonatePanel limit={cryptoLimit} />
         )}
-        <PromoPanel />
+        <NostrPanel />
+        {(hasPatron && me) && (
+          <FundingPanel />
+        )}
         {features.birthdays && (
           <BirthdayPanel limit={10} />
         )}
+        {features.trends && (
+          <TrendsPanel limit={5} />
+        )}
         {me && features.suggestions && (
           <WhoToFollowPanel limit={3} />
         )}
+        <PromoPanel />
         <LinkFooter />
       </Layout.Aside>
     </>