nostr/primal-web-app
1
0
Fork 0
mirror of https://github.com/PrimalHQ/primal-web-app.git synced 2024-10-01 17:31:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Modify visibility for search users

Browse Source
This commit is contained in:
Bojan Mojsilovic 2024-02-01 17:00:30 +01:00
parent 6fa7d42262
commit acd529b2f7
2 changed files with 29 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Search/Search.module.scss
View File

@ -83,6 +83,12 @@
.searchSuggestions {
margin-top: 8px;
width: 316px;
visibility: visible;
&.hidden {
visibility: hidden;
height: 0;
}
}
.loadingOverlay {

46
src/components/Search/Search.tsx
View File

@ -136,7 +136,7 @@ const Search: Component<{
/>
</form>
<Show when={isFocused()}>
<div class={`${styles.searchSuggestions} ${!isFocused() ? styles.hidden : ''}`}>
<Show
when={!props.hideDefault}
>
@ -159,31 +159,31 @@ const Search: Component<{
/>
</Show>
</Show>
</div>
<div class={styles.searchSuggestions}>
<Show when={search?.isFetchingUsers && query().length > 0}>
<div class={styles.loadingOverlay}>
<div>
<Loader />
</div>
<div class={`${styles.searchSuggestions} ${!isFocused() ? styles.hidden : ''}`}>
<Show when={search?.isFetchingUsers && query().length > 0}>
<div class={styles.loadingOverlay}>
<div>
<Loader />
</div>
</Show>
</div>
</Show>
<For each={search?.users}>
{(user) => (
<SearchOption
href={props.noLinks ? undefined : `/p/${user.npub}`}
title={userName(user)}
description={nip05Verification(user)}
icon={<Avatar user={user} size="vvs" />}
statNumber={profile?.profileHistory.stats[user.pubkey]?.followers_count || search?.scores[user.pubkey]}
statLabel={intl.formatMessage(t.followers)}
onClick={() => selectUser(user)}
/>
)}
</For>
</div>
</Show>
<For each={search?.users}>
{(user) => (
<SearchOption
href={props.noLinks ? undefined : `/p/${user.npub}`}
title={userName(user)}
description={nip05Verification(user)}
icon={<Avatar user={user} size="vvs" />}
statNumber={profile?.profileHistory.stats[user.pubkey]?.followers_count || search?.scores[user.pubkey]}
statLabel={intl.formatMessage(t.followers)}
onClick={() => selectUser(user)}
/>
)}
</For>
</div>
</div>
)
}