diff --git a/stylesheets/components/SendStoryModal.scss b/stylesheets/components/SendStoryModal.scss index c921e5f03..c36b1bae3 100644 --- a/stylesheets/components/SendStoryModal.scss +++ b/stylesheets/components/SendStoryModal.scss @@ -50,6 +50,10 @@ user-select: none; } + &__top-bar-title { + flex: 1; + } + &__new-story { &__button { font-weight: 500; diff --git a/stylesheets/components/Stories.scss b/stylesheets/components/Stories.scss index 976bc04bc..a2bf23042 100644 --- a/stylesheets/components/Stories.scss +++ b/stylesheets/components/Stories.scss @@ -34,12 +34,7 @@ &__add-story__button { height: 20px; width: 20px; - @include light-theme { - @include color-svg('../images/icons/v3/plus/plus.svg', $color-black); - } - @include dark-theme { - @include color-svg('../images/icons/v3/plus/plus.svg', $color-gray-15); - } + @include color-svg('../images/icons/v3/plus/plus.svg', $color-white); &:focus { @include keyboard-mode { diff --git a/ts/components/SendStoryModal.tsx b/ts/components/SendStoryModal.tsx index 5f1eeccd1..c0dcb3c0f 100644 --- a/ts/components/SendStoryModal.tsx +++ b/ts/components/SendStoryModal.tsx @@ -893,49 +893,55 @@ export function SendStoryModal({ />
- {i18n('icu:stories')} - setPage(Page.ChooseViewers), - }, - { - label: i18n('icu:SendStoryModal__new-group--title'), - description: i18n('icu:SendStoryModal__new-group--description'), - icon: 'SendStoryModal__icon--group', - onClick: () => setPage(Page.ChooseGroups), - }, - ]} - moduleClassName="SendStoryModal__new-story" - popperOptions={{ - placement: 'bottom', - strategy: 'absolute', - }} - theme={theme === ThemeType.dark ? Theme.Dark : Theme.Light} - > - {({ openMenu, onKeyDown, ref, menuNode }) => ( -
- - {menuNode} -
- )} -
+
+ {i18n('icu:stories')} +
+
+ setPage(Page.ChooseViewers), + }, + { + label: i18n('icu:SendStoryModal__new-group--title'), + description: i18n( + 'icu:SendStoryModal__new-group--description' + ), + icon: 'SendStoryModal__icon--group', + onClick: () => setPage(Page.ChooseGroups), + }, + ]} + moduleClassName="SendStoryModal__new-story" + popperOptions={{ + placement: 'bottom', + strategy: 'absolute', + }} + theme={theme === ThemeType.dark ? Theme.Dark : Theme.Light} + > + {({ openMenu, onKeyDown, ref, menuNode }) => ( +
+ + {menuNode} +
+ )} +
+
{fullList.map(listOrGroup => // only group has a type field diff --git a/ts/util/filterAndSortConversations.ts b/ts/util/filterAndSortConversations.ts index c61d38f97..e5994c23f 100644 --- a/ts/util/filterAndSortConversations.ts +++ b/ts/util/filterAndSortConversations.ts @@ -93,7 +93,7 @@ function searchConversations( searchTerm: string, regionCode: string | undefined ): ReadonlyArray, 'item' | 'score'>> { - const maybeCommand = searchTerm.match(/^!([^\s]+):(.*)$/); + const maybeCommand = searchTerm.match(/^!([^\s:]+)(?::(.*))?$/); if (maybeCommand) { const [, commandName, query] = maybeCommand;