Feature/generic settings

.env.development

@@ -1,7 +1,7 @@
 REACT_APP_BASE_URL=http://localhost:9002
 REACT_APP_WALLET_BASE_URL=http://localhost:9003
 REACT_APP_ASSETS_BUCKET=http://localhost
-REACT_APP_DEMO_MODE=true
+REACT_APP_DEMO_MODE=false
 
 # More info https://create-react-app.dev/docs/advanced-configuration
 ESLINT_NO_DEV_ERRORS=true

.env.example

@@ -1,6 +1 @@
-REACT_APP_BASE_URL=http://localhost:9002
-REACT_APP_ASSETS_BUCKET=https://lightence-assets.s3.amazonaws.com
-
-# more info https://create-react-app.dev/docs/advanced-configuration
-ESLINT_NO_DEV_ERRORS=
-TSC_COMPILE_ON_ERROR=
+NODE_OPTIONS=--openssl-legacy-provider

.gitignore

@@ -32,3 +32,4 @@ yarn-error.log*
 
 # generated files
 /public/themes
+/memory-bank

README.md

@@ -9,7 +9,7 @@ We have a live demo that can be found at http://hornetstorage.net for anyone tha
 
 ## Key Features
 - Manage your hornet-storage relay config directly from the panel
-- Switch between our new dumb and smart model for accepting nostr notes
+- Switch between our new whitelist and blacklist model for accepting nostr notes
 - Decide from which of the supported nostr kinds to enable
 - Choose which supported transport protocols to enable such as libp2p and websockets
 - Enable / disable which media extensions are accepted by the relay such as png and mp4

package.json

@@ -83,14 +83,15 @@
     "workbox-streams": "^5.1.3"
   },
   "scripts": {
-    "start": "yarn buildThemes && craco start",
-    "build": "yarn buildThemes && craco build",
-    "test": "craco test",
-    "eject": "craco eject",
+    "start": "NODE_OPTIONS=--openssl-legacy-provider yarn buildThemes && NODE_OPTIONS=--openssl-legacy-provider craco start",
+    "build": "NODE_OPTIONS=--openssl-legacy-provider yarn buildThemes && NODE_OPTIONS=--openssl-legacy-provider craco build",
+    "test": "NODE_OPTIONS=--openssl-legacy-provider craco test",
+    "eject": "NODE_OPTIONS=--openssl-legacy-provider craco eject",
     "lint": "eslint \"*/**/*.{js,ts,tsx}\" --fix",
     "lint:styles": "stylelint '*/**/*.{js,ts,tsx}'",
     "prepare": "husky install",
-    "buildThemes": "lessc --js --clean-css=\"--s1 --advanced\" src/styles/themes/main.less public/themes/main.css"
+    "update-browserslist": "npx update-browserslist-db@latest",
+    "buildThemes": "NODE_OPTIONS=--openssl-legacy-provider lessc --js --clean-css=\"--s1 --advanced\" src/styles/themes/main.less public/themes/main.css"
   },
   "browserslist": [
     ">0.2%",

src/@types/event-target.d.ts

@@ -0,0 +1,3 @@
+interface EventTarget {
+  state?: 'activated';
+}

src/api/notifications.api.ts

@@ -1,17 +1,6 @@
 export interface Message {
   id: number;
   description: string;
-  moderationData?: {
-    id: number;
-    pubkey: string;
-    event_id: string;
-    reason: string;
-    created_at: string;
-    is_read: boolean;
-    content_type: string;
-    media_url?: string;
-    thumbnail_url?: string;
-  };
 }
 
 export interface Mention extends Message {
@@ -23,5 +12,5 @@ export interface Mention extends Message {
 
 export type Notification = Mention | Message;
 
-// Export an empty array now that we're using real moderation notifications
+// Export an empty array for notifications
 export const notifications: Notification[] = [];

src/components/common/BaseModal/BaseModal.tsx

@@ -2,8 +2,11 @@ import React from 'react';
 import { Modal, ModalProps } from 'antd';
 import { modalSizes } from 'constants/modalSizes';
 
-interface BaseModalProps extends ModalProps {
+// Extend ModalProps to include our custom props
+interface BaseModalProps extends Omit<ModalProps, 'visible'> {
   size?: 'small' | 'medium' | 'large';
+  visible?: boolean; // Deprecated prop
+  open?: boolean; // New prop that will replace visible
 }
 
 interface BaseModalInterface extends React.FC<BaseModalProps> {
@@ -13,11 +16,33 @@ interface BaseModalInterface extends React.FC<BaseModalProps> {
   error: typeof Modal.error;
 }
 
-export const BaseModal: BaseModalInterface = ({ size = 'medium', children, ...props }) => {
+export const BaseModal: BaseModalInterface = ({ 
+  size = 'medium', 
+  visible, 
+  open, 
+  children, 
+  ...props 
+}) => {
   const modalSize = Object.entries(modalSizes).find((sz) => sz[0] === size)?.[1];
+
+  // If open is provided, use it. Otherwise, fall back to visible.
+  // This ensures backward compatibility while supporting the new prop.
+  const isOpen = open !== undefined ? open : visible;
+
+  // Show deprecation warning in development mode
+  if (process.env.NODE_ENV === 'development' && visible !== undefined && open === undefined) {
+    console.warn(
+      '[antd: Modal] `visible` will be removed in next major version, please use `open` instead.'
+    );
+  }
 
   return (
-    <Modal getContainer={false} width={modalSize} {...props}>
+    <Modal 
+      getContainer={false} 
+      width={modalSize} 
+      open={isOpen} 
+      {...props}
+    >
       {children}
     </Modal>
   );

src/components/common/BaseNotification/BaseNotification.tsx

@@ -8,8 +8,8 @@ interface Icons {
   success: React.ReactNode;
   warning: React.ReactNode;
   error: React.ReactNode;
-  moderation: React.ReactNode;
   mention: React.ReactNode;
+  moderation: React.ReactNode;
 }
 
 export type NotificationType = 'info' | 'mention' | 'success' | 'warning' | 'error' | 'moderation';
@@ -27,8 +27,8 @@ export const BaseNotification: React.FC<BaseNotificationProps> = ({ type, mentio
     success: <CheckCircleFilled />,
     warning: <ExclamationCircleFilled />,
     error: <WarningFilled />,
-    moderation: <WarningFilled style={{ color: 'var(--error-color)' }} />,
     mention: mentionIconSrc,
+    moderation: <WarningFilled />, // Using the same icon as error for moderation
   };
 
   const icon = icons[type] || icons.warning;