diff --git a/src/components/Settings.tsx b/src/components/Settings.tsx index 97a4371d..f3001a06 100644 --- a/src/components/Settings.tsx +++ b/src/components/Settings.tsx @@ -6,6 +6,7 @@ import IconButton from './IconButton' import { loadFont } from '../utils/fontLoader' import ThemeSettings from './Settings/ThemeSettings' import ReadingDisplaySettings from './Settings/ReadingDisplaySettings' +import ExploreSettings from './Settings/ExploreSettings' import LayoutBehaviorSettings from './Settings/LayoutBehaviorSettings' import ZapSettings from './Settings/ZapSettings' import RelaySettings from './Settings/RelaySettings' @@ -166,6 +167,7 @@ const Settings: React.FC = ({ settings, onSave, onClose, relayPoo
+ diff --git a/src/components/Settings/ExploreSettings.tsx b/src/components/Settings/ExploreSettings.tsx new file mode 100644 index 00000000..8bb33f8f --- /dev/null +++ b/src/components/Settings/ExploreSettings.tsx @@ -0,0 +1,59 @@ +import React from 'react' +import { faNetworkWired, faUserGroup, faUser } from '@fortawesome/free-solid-svg-icons' +import { UserSettings } from '../../services/settingsService' +import IconButton from '../IconButton' + +interface ExploreSettingsProps { + settings: UserSettings + onUpdate: (updates: Partial) => void +} + +const ExploreSettings: React.FC = ({ settings, onUpdate }) => { + return ( +
+

Explore

+ +
+ +
+ onUpdate({ defaultExploreScopeNostrverse: !(settings.defaultExploreScopeNostrverse !== false) })} + title="Nostrverse content" + ariaLabel="Toggle nostrverse content by default in explore" + variant="ghost" + style={{ + color: (settings.defaultExploreScopeNostrverse !== false) ? 'var(--highlight-color-nostrverse, #9333ea)' : undefined, + opacity: (settings.defaultExploreScopeNostrverse !== false) ? 1 : 0.4 + }} + /> + onUpdate({ defaultExploreScopeFriends: !(settings.defaultExploreScopeFriends !== false) })} + title="Friends content" + ariaLabel="Toggle friends content by default in explore" + variant="ghost" + style={{ + color: (settings.defaultExploreScopeFriends !== false) ? 'var(--highlight-color-friends, #f97316)' : undefined, + opacity: (settings.defaultExploreScopeFriends !== false) ? 1 : 0.4 + }} + /> + onUpdate({ defaultExploreScopeMine: !(settings.defaultExploreScopeMine !== false) })} + title="My content" + ariaLabel="Toggle my content by default in explore" + variant="ghost" + style={{ + color: (settings.defaultExploreScopeMine !== false) ? 'var(--highlight-color-mine, #eab308)' : undefined, + opacity: (settings.defaultExploreScopeMine !== false) ? 1 : 0.4 + }} + /> +
+
+
+ ) +} + +export default ExploreSettings + diff --git a/src/components/Settings/ReadingDisplaySettings.tsx b/src/components/Settings/ReadingDisplaySettings.tsx index 862e2a1d..15565f79 100644 --- a/src/components/Settings/ReadingDisplaySettings.tsx +++ b/src/components/Settings/ReadingDisplaySettings.tsx @@ -98,45 +98,6 @@ const ReadingDisplaySettings: React.FC = ({ setting
-
- -
- onUpdate({ defaultExploreScopeNostrverse: !(settings.defaultExploreScopeNostrverse !== false) })} - title="Nostrverse content" - ariaLabel="Toggle nostrverse content by default in explore" - variant="ghost" - style={{ - color: (settings.defaultExploreScopeNostrverse !== false) ? 'var(--highlight-color-nostrverse, #9333ea)' : undefined, - opacity: (settings.defaultExploreScopeNostrverse !== false) ? 1 : 0.4 - }} - /> - onUpdate({ defaultExploreScopeFriends: !(settings.defaultExploreScopeFriends !== false) })} - title="Friends content" - ariaLabel="Toggle friends content by default in explore" - variant="ghost" - style={{ - color: (settings.defaultExploreScopeFriends !== false) ? 'var(--highlight-color-friends, #f97316)' : undefined, - opacity: (settings.defaultExploreScopeFriends !== false) ? 1 : 0.4 - }} - /> - onUpdate({ defaultExploreScopeMine: !(settings.defaultExploreScopeMine !== false) })} - title="My content" - ariaLabel="Toggle my content by default in explore" - variant="ghost" - style={{ - color: (settings.defaultExploreScopeMine !== false) ? 'var(--highlight-color-mine, #eab308)' : undefined, - opacity: (settings.defaultExploreScopeMine !== false) ? 1 : 0.4 - }} - /> -
-
-