IntenseWebs/mattermost
3
0
Fork 0
mirror of https://github.com/mattermost/mattermost.git synced 2025-02-25 18:55:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

[MM-56608] Upgrade to "@floating-ui/react" for post_priority/post_priority_picker_overlay component (#25980)

Browse Source
This commit is contained in:
M-ZubairAhmed 2024-01-24 04:30:34 +00:00 committed by GitHub
parent 686b22a076
commit 2d7a14244f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
webapp/channels/src/components/post_priority/post_priority_picker_overlay.tsx
View File

@ -13,7 +13,7 @@ import {
useRole,
flip,
shift,
} from '@floating-ui/react-dom-interactions';
} from '@floating-ui/react';
import classNames from 'classnames';
import React, {memo, useCallback, useState} from 'react';
import {useIntl} from 'react-intl';
@ -60,10 +60,12 @@ function PostPriorityPickerOverlay({
const {
x: pickerX,
y: pickerY,
reference: pickerRef,
floating: pickerFloating,
strategy: pickerStrategy,
context: pickerContext,
refs: {
setReference: setPickerReference,
setFloating: setPickerFloating,
},
} = useFloating({
open: pickerOpen,
onOpenChange: setPickerOpen,
@ -97,7 +99,7 @@ function PostPriorityPickerOverlay({
>
<IconContainer
id='messagePriority'
ref={pickerRef}
ref={setPickerReference}
className={classNames({control: true, active: pickerOpen})}
disabled={disabled}
type='button'
@ -119,7 +121,7 @@ function PostPriorityPickerOverlay({
initialFocus={-1}
>
<div
ref={pickerFloating}
ref={setPickerFloating}
style={{
width: 'max-content',
position: pickerStrategy,