feat(highlights): only show nostrverse filter when logged out

This commit is contained in:
Gigi
2025-10-19 01:09:39 +02:00
parent 4f21982c48
commit 016e369fb1

View File

@@ -46,36 +46,38 @@ const HighlightsPanelHeader: React.FC<HighlightsPanelHeaderProps> = ({
opacity: highlightVisibility.nostrverse ? 1 : 0.4 opacity: highlightVisibility.nostrverse ? 1 : 0.4
}} }}
/> />
<IconButton {currentUserPubkey && (
icon={faUserGroup} <>
onClick={() => onHighlightVisibilityChange({ <IconButton
...highlightVisibility, icon={faUserGroup}
friends: !highlightVisibility.friends onClick={() => onHighlightVisibilityChange({
})} ...highlightVisibility,
title={currentUserPubkey ? "Toggle friends highlights" : "Login to see friends highlights"} friends: !highlightVisibility.friends
ariaLabel="Toggle friends highlights" })}
variant="ghost" title="Toggle friends highlights"
disabled={!currentUserPubkey} ariaLabel="Toggle friends highlights"
style={{ variant="ghost"
color: highlightVisibility.friends ? 'var(--highlight-color-friends, #f97316)' : undefined, style={{
opacity: highlightVisibility.friends ? 1 : 0.4 color: highlightVisibility.friends ? 'var(--highlight-color-friends, #f97316)' : undefined,
}} opacity: highlightVisibility.friends ? 1 : 0.4
/> }}
<IconButton />
icon={faUser} <IconButton
onClick={() => onHighlightVisibilityChange({ icon={faUser}
...highlightVisibility, onClick={() => onHighlightVisibilityChange({
mine: !highlightVisibility.mine ...highlightVisibility,
})} mine: !highlightVisibility.mine
title={currentUserPubkey ? "Toggle my highlights" : "Login to see your highlights"} })}
ariaLabel="Toggle my highlights" title="Toggle my highlights"
variant="ghost" ariaLabel="Toggle my highlights"
disabled={!currentUserPubkey} variant="ghost"
style={{ style={{
color: highlightVisibility.mine ? 'var(--highlight-color-mine, #eab308)' : undefined, color: highlightVisibility.mine ? 'var(--highlight-color-mine, #eab308)' : undefined,
opacity: highlightVisibility.mine ? 1 : 0.4 opacity: highlightVisibility.mine ? 1 : 0.4
}} }}
/> />
</>
)}
</div> </div>
)} )}
{onRefresh && ( {onRefresh && (