-
Notifications
You must be signed in to change notification settings - Fork 442
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Feat: Add search message tab to the right sidebar #14125
base: main
Are you sure you want to change the base?
Conversation
src/components/RightSidebar/SearchMessages/SearchMessagesTab.vue
Outdated
Show resolved
Hide resolved
src/components/RightSidebar/SearchMessages/SearchMessagesTab.vue
Outdated
Show resolved
Hide resolved
src/components/RightSidebar/SearchMessages/SearchMessagesTab.vue
Outdated
Show resolved
Hide resolved
Signed-off-by: JungleDruid <3953982+JungleDruid@users.noreply.github.com>
Signed-off-by: JungleDruid <3953982+JungleDruid@users.noreply.github.com>
…ional tab Signed-off-by: Dorra Jaouad <dorra.jaoued7@gmail.com>
Signed-off-by: Dorra Jaouad <dorra.jaoued7@gmail.com>
… scale instead of time. Change to native component Signed-off-by: Dorra Jaouad <dorra.jaoued7@gmail.com>
Signed-off-by: Dorra Jaouad <dorra.jaoued7@gmail.com>
Signed-off-by: Dorra Jaouad <dorra.jaoued7@gmail.com>
Signed-off-by: Dorra Jaouad <dorra.jaoued7@gmail.com>
Signed-off-by: Dorra Jaouad <dorra.jaoued7@gmail.com>
e1a4ae8
to
584b53c
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
code-wise OK, let's finish the critical things and proceed in follow-ups
:title="t('spreed', 'Back')" | ||
@click="showSearchMessagesTab = false"> | ||
<template #icon> | ||
<IconArrowLeft :size="20" /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
nitpick: this would probably look wrong in RTL layout. But we have to reverse all such icons (follow-up)
body[dir="rtl"] .material-design-icon.arrow-left-icon {
transform: scaleX(-1);
}
|
||
const token = computed(() => store.getters.getToken()) | ||
const participantsInitialised = computed(() => store.getters.participantsInitialised(token.value)) | ||
const participants = computed<UserFilterObject>(() => { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Person could have left the conversation.
To fix: filter out guests, circles, groups, e.t.c. - they don't work
Follow-up: use /contactsmenu/contacts
endpoint as in UnifiedSearch (require loading callback: https://vue-select.org/api/events.html#search)
Then we could get rid of vuex store usage here
|
||
try { | ||
cancelSearch.value('canceled') | ||
const { request, cancel } = CancelableRequest(searchMessages) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Atm it's not made correctly, but we could use 'as' for requests. Check NewMessageChatSummary.vue for reference
const { request, cancel } = CancelableRequest(searchMessages) | |
type SearchMessageCancelableRequest = { | |
request: (payload: SearchMessagePayload) => UnifiedSearchResponse, | |
cancel: () => void, | |
} | |
const { request, cancel } = CancelableRequest(searchMessages) as SearchMessageCancelableRequest |
<template v-if="searchResults.length !== 0"> | ||
<NcListItem v-for="item of searchResults" | ||
:key="`message_${item.attributes.messageId}`" | ||
:data-nav-id="`message_${item.attributes.messageId}`" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Follow-up: this need a composable to make arrow navigation work
☑️ Resolves
🖌️ UI Checklist
🖼️ Screenshots / Screencasts
Recording.2025-01-15.091600.mp4
🚧 Tasks
🏁 Checklist